En yakın adlandırılmış renk · #5E453E
#5E453E
En yakın adlandırılmış renk: Death by Chocolate
#5E453E (rgb(94 69 62), hsl(13 21% 31%), oklch(0.415 0.037 36.2)) en çok Death by Chocolate adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5E453E
oklch(0.415 0.037 36.2)
Renk dönüşümleri
- HEX
- #5e453e
- RGB
- rgb(94 69 62)
- HSL
- hsl(13 21% 31%)
- HWB
- hwb(13 24% 63%)
- OKLCH
- oklch(0.415 0.037 36.2)
- OKLab
- oklab(0.415 0.03 0.022)
- CIE Lab
- lab(31.92 10.27 8.65)
- LCH
- lch(31.92 13.43 40.1)
- CMYK
- cmyk(0% 27% 34% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6D564F
- 7C6761
- 8C7973
- 9C8B86
- AC9D99
- BCB0AD
- CCC3C1
- DDD7D5
- EEEBEA
Koyu tonlar
- 513B35
- 44312B
- 372723
- 2B1E1A
- 1F1512
- 140C0A
- 0A0504
- 030201
- 000000
Gri tonlar
- 624B44
- 65504B
- 695651
- 6C5C58
- 6F625E
- 736865
- 766E6C
- 797472
- 7D7A79
Renk uyumları
Tamamlayıcı +180°
- 5E453E
Death by Chocolate
- 345159
≈ Mountain Midnight
Analog -30° +30°
- 5E453E
Death by Chocolate
- 5E4449
≈ Dark Berry
- 5A4837
≈ Mousy Brown
Üçlü +120° +240°
- 5E453E
Death by Chocolate
- 3C5244
≈ Pine Forest
- 464A60
≈ Chinaberry
Bölünmüş tamamlayıcı +150° +210°
- 5E453E
Death by Chocolate
- 34534F
≈ Hidden Depths
- 3C4E5F
≈ Cello
Dörtlü +90° +180° +270°
- 5E453E
Death by Chocolate
- 47503A
≈ Green Shade Wash
- 345159
≈ Mountain Midnight
- 51475C
≈ Petal Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.76:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.39:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--death-by-chocolate: #5e453e;
--death-by-chocolate-rgb: 94 69 62;
--death-by-chocolate-oklch: oklch(0.415 0.037 36.2);
}
.element {
color: var(--death-by-chocolate);
background-color: hsl(13 21% 31%);
border-color: oklch(0.415 0.037 36.2);
}Tailwind CSS v4
@theme {
--color-death-by-chocolate: #5e453e;
--color-death-by-chocolate-50: #fff2ee;
--color-death-by-chocolate-100: #f4e4df;
--color-death-by-chocolate-200: #e3cfc9;
--color-death-by-chocolate-300: #c9b1aa;
--color-death-by-chocolate-400: #b39790;
--color-death-by-chocolate-500: #9d7e75;
--color-death-by-chocolate-600: #846b64;
--color-death-by-chocolate-700: #6a554f;
--color-death-by-chocolate-800: #4e3e3a;
--color-death-by-chocolate-900: #362b28;
--color-death-by-chocolate-950: #211816;
}SCSS
$death-by-chocolate: #5e453e;
$death-by-chocolate-rgb: 94, 69, 62;
$death-by-chocolate-light: mix(#fff, $death-by-chocolate, 20%);
$death-by-chocolate-dark: mix(#000, $death-by-chocolate, 20%);
.element {
color: $death-by-chocolate;
box-shadow: 0 0 0 2px rgba($death-by-chocolate, 0.35);
}