Cor nomeada · #742802
Chestnut
Chestnut é #742802: rgb(116 40 2), hsl(20 97% 23%), oklch(0.386 0.116 41.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chestnut color name →
#742802
oklch(0.386 0.116 41.6)
Conversões de cor
- HEX
- #742802
- RGB
- rgb(116 40 2)
- HSL
- hsl(20 97% 23%)
- HWB
- hwb(20 1% 55%)
- OKLCH
- oklch(0.386 0.116 41.6)
- OKLab
- oklab(0.386 0.086 0.077)
- CIE Lab
- lab(27.87 32.9 38.76)
- LCH
- lch(27.87 50.84 49.7)
- CMYK
- cmyk(0% 66% 98% 55%)
Tons claros · Sombras · Tons
Tons claros
- 833E22
- 92523A
- A06751
- AE7C69
- BC9181
- CAA699
- D7BCB2
- E5D2CB
- F2E8E5
Sombras
- 642101
- 541B01
- 451501
- 370F00
- 290900
- 1B0400
- 0F0200
- 050100
- 010000
Tons
- 773216
- 793C24
- 7B4530
- 7C4E3C
- 7E5647
- 7F5F53
- 80675E
- 806F69
- 807875
Harmonias de cor
Complementar +180°
- 742802
Chestnut
- 004C5F
≈ Teal Dark Blue
Análoga -30° +30°
- 742802
Chestnut
- 742234
≈ Whisky Cola
- 5F3B00
≈ Hippogriff Brown
Tríade +120° +240°
- 742802
Chestnut
- 005235
≈ Trapper Green
- 3C397F
≈ Sage Violet
Complementar dividida +150° +210°
- 742802
Chestnut
- 004F4D
≈ Antique Turquoise
- 00457E
≈ Lost River
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.25:1 · APCA Lc 93
Ag
FailSobre preto
WCAG 2.04:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--chestnut: #742802;
--chestnut-rgb: 116 40 2;
--chestnut-oklch: oklch(0.386 0.116 41.6);
}
.element {
color: var(--chestnut);
background-color: hsl(20 97% 23%);
border-color: oklch(0.386 0.116 41.6);
}Tailwind CSS v4
@theme {
--color-chestnut: #742802;
--color-chestnut-50: #ffebdb;
--color-chestnut-100: #ffdcc9;
--color-chestnut-200: #ffc5ad;
--color-chestnut-300: #eaa487;
--color-chestnut-400: #d88767;
--color-chestnut-500: #c56945;
--color-chestnut-600: #a6593b;
--color-chestnut-700: #86472f;
--color-chestnut-800: #643322;
--color-chestnut-900: #462317;
--color-chestnut-950: #2d1108;
}SCSS
$chestnut: #742802;
$chestnut-rgb: 116, 40, 2;
$chestnut-light: mix(#fff, $chestnut, 20%);
$chestnut-dark: mix(#000, $chestnut, 20%);
.element {
color: $chestnut;
box-shadow: 0 0 0 2px rgba($chestnut, 0.35);
}