Colore con nome · #5E4235
Daniel Boone
Daniel Boone è #5E4235: rgb(94 66 53), hsl(19 28% 29%), oklch(0.407 0.045 45.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Daniel Boone color name →
#5E4235
oklch(0.407 0.045 45.9)
Conversioni di colore
- HEX
- #5e4235
- RGB
- rgb(94 66 53)
- HSL
- hsl(19 28% 29%)
- HWB
- hwb(19 21% 63%)
- OKLCH
- oklch(0.407 0.045 45.9)
- OKLab
- oklab(0.407 0.031 0.032)
- CIE Lab
- lab(30.91 11.14 12.98)
- LCH
- lch(30.91 17.11 49.4)
- CMYK
- cmyk(0% 30% 44% 63%)
Tinte · Ombre · Toni
Tinte
- 6D5347
- 7D6459
- 8C766C
- 9C8980
- AC9C94
- BCAFA9
- CDC2BE
- DDD6D3
- EEEAE9
Ombre
- 51382D
- 442F25
- 37251D
- 2B1C15
- 1F140E
- 140B08
- 0A0503
- 030101
- 000000
Toni
- 62483C
- 654E44
- 69544B
- 6C5A52
- 70615A
- 736761
- 766D69
- 7A7370
- 7D7A78
Armonie di colore
Complementare +180°
- 5E4235
Daniel Boone
- 2E4F5C
≈ Velvet Evening
Analogo -30° +30°
- 5E4235
Daniel Boone
- 5F4041
≈ Cajun Brown
- 57462E
≈ Punga
Triadico +120° +240°
- 5E4235
Daniel Boone
- 315144
≈ Highland Green
- 474661
≈ Purple Blanket
Complementare divisa +150° +210°
- 5E4235
Daniel Boone
- 2A5151
≈ Sea Moss
- 394B62
≈ Master
Tetradico +90° +180° +270°
- 5E4235
Daniel Boone
- 3F4F37
≈ Hōjicha
- 2E4F5C
≈ Velvet Evening
- 53425A
≈ Purple Bloom
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.10:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.30:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--daniel-boone: #5e4235;
--daniel-boone-rgb: 94 66 53;
--daniel-boone-oklch: oklch(0.407 0.045 45.9);
}
.element {
color: var(--daniel-boone);
background-color: hsl(19 28% 29%);
border-color: oklch(0.407 0.045 45.9);
}Tailwind CSS v4
@theme {
--color-daniel-boone: #5e4235;
--color-daniel-boone-50: #fff2ea;
--color-daniel-boone-100: #f5e4db;
--color-daniel-boone-200: #e5cfc4;
--color-daniel-boone-300: #cbb1a4;
--color-daniel-boone-400: #b69789;
--color-daniel-boone-500: #a07d6e;
--color-daniel-boone-600: #876a5d;
--color-daniel-boone-700: #6c554a;
--color-daniel-boone-800: #503e36;
--color-daniel-boone-900: #382a25;
--color-daniel-boone-950: #221813;
}SCSS
$daniel-boone: #5e4235;
$daniel-boone-rgb: 94, 66, 53;
$daniel-boone-light: mix(#fff, $daniel-boone, 20%);
$daniel-boone-dark: mix(#000, $daniel-boone, 20%);
.element {
color: $daniel-boone;
box-shadow: 0 0 0 2px rgba($daniel-boone, 0.35);
}