Adlandırılmış renk · #635D4C
Shady Green
Shady Green, #635D4C: rgb(99 93 76), hsl(44 13% 34%), oklch(0.479 0.027 90.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Shady Green color name →
#635D4C
oklch(0.479 0.027 90.9)
Renk dönüşümleri
- HEX
- #635d4c
- RGB
- rgb(99 93 76)
- HSL
- hsl(44 13% 34%)
- HWB
- hwb(44 30% 61%)
- OKLCH
- oklch(0.479 0.027 90.9)
- OKLab
- oklab(0.479 0 0.027)
- CIE Lab
- lab(39.68 0.18 10.72)
- LCH
- lch(39.68 10.73 89)
- CMYK
- cmyk(0% 6% 23% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 716C5C
- 807B6D
- 8F8B7E
- 9E9A8F
- AEAAA1
- BDBBB3
- CECCC6
- DEDCD9
- EEEEEC
Koyu tonlar
- 555041
- 474336
- 3A372C
- 2E2A22
- 211F18
- 16140F
- 0B0A06
- 030302
- 000000
Gri tonlar
- 666051
- 696456
- 6C675B
- 6E6B61
- 716E66
- 74726B
- 777570
- 7A7975
- 7D7C7B
Renk uyumları
Tamamlayıcı +180°
- 635D4C
Shady Green
- 575D6D
≈ Suede Indigo
Analog -30° +30°
- 635D4C
Shady Green
- 695A4E
≈ Ageing Barrel
- 5B604F
≈ Soft Olive
Üçlü +120° +240°
- 635D4C
Shady Green
- 4C6266
≈ Corundum Blue
- 675865
≈ Preservation Plum
Bölünmüş tamamlayıcı +150° +210°
- 635D4C
Shady Green
- 50606C
≈ Trekking Blue
- 605A6B
≈ Gobelin Mauve
Dörtlü +90° +180° +270°
- 635D4C
Shady Green
- 4D635E
≈ Blue Fir
- 575D6D
≈ Suede Indigo
- 6B575C
≈ Mocha Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.56:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.20:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.56:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--shady-green: #635d4c;
--shady-green-rgb: 99 93 76;
--shady-green-oklch: oklch(0.479 0.027 90.9);
}
.element {
color: var(--shady-green);
background-color: hsl(44 13% 34%);
border-color: oklch(0.479 0.027 90.9);
}Tailwind CSS v4
@theme {
--color-shady-green: #635d4c;
--color-shady-green-50: #f8f5ed;
--color-shady-green-100: #ebe8de;
--color-shady-green-200: #d8d4c7;
--color-shady-green-300: #bcb7a8;
--color-shady-green-400: #a49e8d;
--color-shady-green-500: #8d8672;
--color-shady-green-600: #777161;
--color-shady-green-700: #5f5b4d;
--color-shady-green-800: #464238;
--color-shady-green-900: #312e26;
--color-shady-green-950: #1d1a15;
}SCSS
$shady-green: #635d4c;
$shady-green-rgb: 99, 93, 76;
$shady-green-light: mix(#fff, $shady-green, 20%);
$shady-green-dark: mix(#000, $shady-green, 20%);
.element {
color: $shady-green;
box-shadow: 0 0 0 2px rgba($shady-green, 0.35);
}