Adlandırılmış renk · #5B4B44
Chateau Brown
Chateau Brown, #5B4B44: rgb(91 75 68), hsl(18 14% 31%), oklch(0.427 0.025 45). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Chateau Brown color name →
#5B4B44
oklch(0.427 0.025 45)
Renk dönüşümleri
- HEX
- #5b4b44
- RGB
- rgb(91 75 68)
- HSL
- hsl(18 14% 31%)
- HWB
- hwb(18 27% 64%)
- OKLCH
- oklch(0.427 0.025 45)
- OKLab
- oklab(0.427 0.017 0.017)
- CIE Lab
- lab(33.4 6.05 6.84)
- LCH
- lch(33.4 9.13 48.5)
- CMYK
- cmyk(0% 18% 25% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6A5B55
- 7A6C66
- 897D78
- 998E8A
- AAA09C
- BAB3AF
- CBC5C3
- DCD8D6
- EDEBEB
Koyu tonlar
- 4E403A
- 413530
- 352B26
- 29211D
- 1E1714
- 130E0C
- 090605
- 030202
- 000000
Gri tonlar
- 5F504A
- 625550
- 665A55
- 6A605B
- 6D6561
- 716A67
- 75706D
- 797574
- 7C7B7A
Renk uyumları
Tamamlayıcı +180°
- 5B4B44
Chateau Brown
- 415259
≈ Finnegan
Analog -30° +30°
- 5B4B44
Chateau Brown
- 5C4A4B
≈ Deep Aubergine
- 574D40
≈ Mondo
Üçlü +120° +240°
- 5B4B44
Chateau Brown
- 43534C
≈ Moss Cottage
- 4D4D5C
≈ Odyssey Grey
Bölünmüş tamamlayıcı +150° +210°
- 5B4B44
Chateau Brown
- 3F5353
≈ Almost Famous
- 46505D
≈ Royal Navy
Dörtlü +90° +180° +270°
- 5B4B44
Chateau Brown
- 495245
≈ Rock Garden
- 415259
≈ Finnegan
- 544B58
≈ Mulled Wine
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.28:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.53:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--chateau-brown: #5b4b44;
--chateau-brown-rgb: 91 75 68;
--chateau-brown-oklch: oklch(0.427 0.025 45);
}
.element {
color: var(--chateau-brown);
background-color: hsl(18 14% 31%);
border-color: oklch(0.427 0.025 45);
}Tailwind CSS v4
@theme {
--color-chateau-brown: #5b4b44;
--color-chateau-brown-50: #fcf3ef;
--color-chateau-brown-100: #efe6e1;
--color-chateau-brown-200: #ded1cb;
--color-chateau-brown-300: #c3b4ad;
--color-chateau-brown-400: #ac9a93;
--color-chateau-brown-500: #958179;
--color-chateau-brown-600: #7e6e67;
--color-chateau-brown-700: #655852;
--color-chateau-brown-800: #4a403c;
--color-chateau-brown-900: #332c29;
--color-chateau-brown-950: #1f1917;
}SCSS
$chateau-brown: #5b4b44;
$chateau-brown-rgb: 91, 75, 68;
$chateau-brown-light: mix(#fff, $chateau-brown, 20%);
$chateau-brown-dark: mix(#000, $chateau-brown, 20%);
.element {
color: $chateau-brown;
box-shadow: 0 0 0 2px rgba($chateau-brown, 0.35);
}