Adlandırılmış renk · #5E4235
Daniel Boone
Daniel Boone, #5E4235: rgb(94 66 53), hsl(19 28% 29%), oklch(0.407 0.045 45.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Daniel Boone color name →
#5E4235
oklch(0.407 0.045 45.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6D5347
- 7D6459
- 8C766C
- 9C8980
- AC9C94
- BCAFA9
- CDC2BE
- DDD6D3
- EEEAE9
Koyu tonlar
- 51382D
- 442F25
- 37251D
- 2B1C15
- 1F140E
- 140B08
- 0A0503
- 030101
- 000000
Gri tonlar
- 62483C
- 654E44
- 69544B
- 6C5A52
- 70615A
- 736761
- 766D69
- 7A7370
- 7D7A78
Renk uyumları
Tamamlayıcı +180°
- 5E4235
Daniel Boone
- 2E4F5C
≈ Velvet Evening
Analog -30° +30°
- 5E4235
Daniel Boone
- 5F4041
≈ Cajun Brown
- 57462E
≈ Punga
Üçlü +120° +240°
- 5E4235
Daniel Boone
- 315144
≈ Highland Green
- 474661
≈ Purple Blanket
Bölünmüş tamamlayıcı +150° +210°
- 5E4235
Daniel Boone
- 2A5151
≈ Sea Moss
- 394B62
≈ Master
Dörtlü +90° +180° +270°
- 5E4235
Daniel Boone
- 3F4F37
≈ Hōjicha
- 2E4F5C
≈ Velvet Evening
- 53425A
≈ Purple Bloom
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.10:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.30:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}