Cor nomeada · #5B4B44
Chateau Brown
Chateau Brown é #5B4B44: rgb(91 75 68), hsl(18 14% 31%), oklch(0.427 0.025 45). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Chateau Brown color name →
#5B4B44
oklch(0.427 0.025 45)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 6A5B55
- 7A6C66
- 897D78
- 998E8A
- AAA09C
- BAB3AF
- CBC5C3
- DCD8D6
- EDEBEB
Sombras
- 4E403A
- 413530
- 352B26
- 29211D
- 1E1714
- 130E0C
- 090605
- 030202
- 000000
Tons
- 5F504A
- 625550
- 665A55
- 6A605B
- 6D6561
- 716A67
- 75706D
- 797574
- 7C7B7A
Harmonias de cor
Complementar +180°
- 5B4B44
Chateau Brown
- 415259
≈ Finnegan
Análoga -30° +30°
- 5B4B44
Chateau Brown
- 5C4A4B
≈ Deep Aubergine
- 574D40
≈ Mondo
Tríade +120° +240°
- 5B4B44
Chateau Brown
- 43534C
≈ Moss Cottage
- 4D4D5C
≈ Odyssey Grey
Complementar dividida +150° +210°
- 5B4B44
Chateau Brown
- 3F5353
≈ Almost Famous
- 46505D
≈ Royal Navy
Tétrade +90° +180° +270°
- 5B4B44
Chateau Brown
- 495245
≈ Rock Garden
- 415259
≈ Finnegan
- 544B58
≈ Mulled Wine
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.28:1 · APCA Lc 89
Ag
FailSobre preto
WCAG 2.53:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
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);
}