Colore con nome · #8E5637
Chestnut Chest
Chestnut Chest è #8E5637: rgb(142 86 55), hsl(21 44% 39%), oklch(0.51 0.087 48.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chestnut Chest color name →
#8E5637
oklch(0.51 0.087 48.9)
Conversioni di colore
- HEX
- #8e5637
- RGB
- rgb(142 86 55)
- HSL
- hsl(21 44% 39%)
- HWB
- hwb(21 22% 44%)
- OKLCH
- oklch(0.51 0.087 48.9)
- OKLab
- oklab(0.51 0.057 0.066)
- CIE Lab
- lab(42.64 21.55 28.14)
- LCH
- lch(42.64 35.44 52.5)
- CMYK
- cmyk(0% 39% 61% 44%)
Tinte · Ombre · Toni
Tinte
- 9A664A
- A5765D
- B18771
- BC9784
- C7A898
- D3B9AC
- DECAC0
- E9DCD5
- F4EDEA
Ombre
- 7B4A2E
- 683E26
- 56321E
- 442716
- 341C0F
- 241208
- 150803
- 070201
- 010000
Toni
- 8D5B3F
- 8C5F47
- 8B634E
- 8A6856
- 896C5D
- 877064
- 86746B
- 847872
- 827C79
Armonie di colore
Complementare +180°
- 8E5637
Chestnut Chest
- 226F8E
≈ Chill of the Night
Analogo -30° +30°
- 8E5637
Chestnut Chest
- 915052
≈ Apple Butter
- 816024
≈ Sleek Otter
Triadico +120° +240°
- 8E5637
Chestnut Chest
- 25765D
≈ Tropical Rainforest
- 655D95
≈ Colossus
Complementare divisa +150° +210°
- 8E5637
Chestnut Chest
- 007579
≈ Maxi Teal
- 476798
≈ Dutch Blue
Tetradico +90° +180° +270°
- 8E5637
Chestnut Chest
- 4B7240
≈ Artichoke Green
- 226F8E
≈ Chill of the Night
- 7B5586
≈ Champion
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.93:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.53:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--chestnut-chest: #8e5637;
--chestnut-chest-rgb: 142 86 55;
--chestnut-chest-oklch: oklch(0.51 0.087 48.9);
}
.element {
color: var(--chestnut-chest);
background-color: hsl(21 44% 39%);
border-color: oklch(0.51 0.087 48.9);
}Tailwind CSS v4
@theme {
--color-chestnut-chest: #8e5637;
--color-chestnut-chest-50: #ffefdf;
--color-chestnut-chest-100: #ffe0ce;
--color-chestnut-chest-200: #f4cab3;
--color-chestnut-chest-300: #dcab8f;
--color-chestnut-chest-400: #c98f71;
--color-chestnut-chest-500: #b57451;
--color-chestnut-chest-600: #996345;
--color-chestnut-chest-700: #7b4f37;
--color-chestnut-chest-800: #5b3928;
--color-chestnut-chest-900: #40271a;
--color-chestnut-chest-950: #29150b;
}SCSS
$chestnut-chest: #8e5637;
$chestnut-chest-rgb: 142, 86, 55;
$chestnut-chest-light: mix(#fff, $chestnut-chest, 20%);
$chestnut-chest-dark: mix(#000, $chestnut-chest, 20%);
.element {
color: $chestnut-chest;
box-shadow: 0 0 0 2px rgba($chestnut-chest, 0.35);
}