Colore con nome · #B94E48
Deep Chestnut
Deep Chestnut è #B94E48: rgb(185 78 72), hsl(3 45% 50%), oklch(0.562 0.14 25.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Deep Chestnut color name →
#B94E48
oklch(0.562 0.14 25.8)
Conversioni di colore
- HEX
- #b94e48
- RGB
- rgb(185 78 72)
- HSL
- hsl(3 45% 50%)
- HWB
- hwb(3 28% 27%)
- OKLCH
- oklch(0.562 0.14 25.8)
- OKLab
- oklab(0.562 0.126 0.061)
- CIE Lab
- lab(47.81 43.83 26.35)
- LCH
- lch(47.81 51.14 31)
- CMYK
- cmyk(0% 58% 61% 27%)
Tinte · Ombre · Toni
Tinte
- C26159
- CA726B
- D2847D
- DA958E
- E1A7A1
- E8B8B3
- EECAC6
- F4DBD8
- FAEDEC
Ombre
- A0433D
- 893833
- 712D29
- 5B231F
- 461916
- 310F0D
- 1E0706
- 0D0202
- 020000
Toni
- B4554E
- B05B54
- AB605A
- A6655F
- A06A65
- 9A6F6A
- 947470
- 8E7875
- 877C7B
Armonie di colore
Complementare +180°
- B94E48
Deep Chestnut
- 008590
≈ Blue Slushie
Analogo -30° +30°
- B94E48
Deep Chestnut
- B24C78
≈ Diva Glam
- B05B00
≈ Elm Brown Red
Triadico +120° +240°
- B94E48
Deep Chestnut
- 328A3E
≈ Resplendent Growth
- 4D70C7
≈ Han Blue
Complementare divisa +150° +210°
- B94E48
Deep Chestnut
- 008972
≈ Industrial Turquoise
- 007EB2
≈ Capstan
Tetradico +90° +180° +270°
- B94E48
Deep Chestnut
- 727D00
≈ Flag Green
- 008590
≈ Blue Slushie
- 7D61BD
≈ Ultra Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.94:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.24:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-chestnut: #b94e48;
--deep-chestnut-rgb: 185 78 72;
--deep-chestnut-oklch: oklch(0.562 0.14 25.8);
}
.element {
color: var(--deep-chestnut);
background-color: hsl(3 45% 50%);
border-color: oklch(0.562 0.14 25.8);
}Tailwind CSS v4
@theme {
--color-deep-chestnut: #b94e48;
--color-deep-chestnut-50: #ffe7df;
--color-deep-chestnut-100: #ffd7ce;
--color-deep-chestnut-200: #ffbeb3;
--color-deep-chestnut-300: #f79b8f;
--color-deep-chestnut-400: #e57b72;
--color-deep-chestnut-500: #d35a53;
--color-deep-chestnut-600: #b24d47;
--color-deep-chestnut-700: #8f3e39;
--color-deep-chestnut-800: #6b2b2a;
--color-deep-chestnut-900: #4b1d1c;
--color-deep-chestnut-950: #310d0c;
}SCSS
$deep-chestnut: #b94e48;
$deep-chestnut-rgb: 185, 78, 72;
$deep-chestnut-light: mix(#fff, $deep-chestnut, 20%);
$deep-chestnut-dark: mix(#000, $deep-chestnut, 20%);
.element {
color: $deep-chestnut;
box-shadow: 0 0 0 2px rgba($deep-chestnut, 0.35);
}