Nazwany kolor · #60443F
Death by Chocolate
Death by Chocolate to #60443F: rgb(96 68 63), hsl(9 21% 31%), oklch(0.416 0.04 30.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Death by Chocolate color name →
#60443F
oklch(0.416 0.04 30.2)
Konwersje koloru
- HEX
- #60443f
- RGB
- rgb(96 68 63)
- HSL
- hsl(9 21% 31%)
- HWB
- hwb(9 25% 62%)
- OKLCH
- oklch(0.416 0.04 30.2)
- OKLab
- oklab(0.416 0.035 0.02)
- CIE Lab
- lab(31.92 11.88 8.06)
- LCH
- lch(31.92 14.36 34.1)
- CMYK
- cmyk(0% 29% 34% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F5550
- 7E6662
- 8E7874
- 9D8A86
- AD9D9A
- BDB0AD
- CDC3C1
- DED7D5
- EEEBEA
Odcienie ciemniejsze
- 523A35
- 45302C
- 382623
- 2C1D1B
- 201412
- 150C0A
- 0A0504
- 030201
- 000000
Tony
- 634A45
- 67504B
- 6A5652
- 6D5C58
- 71615F
- 746865
- 776E6C
- 7A7472
- 7D7A79
Harmonie kolorów
Komplementarna +180°
- 60443F
Death by Chocolate
- 315258
≈ Encore Teal
Analogowa -30° +30°
- 60443F
Death by Chocolate
- 5F434B
≈ Napa Wine
- 5C4736
≈ Woodland Brown
Triada +120° +240°
- 60443F
Death by Chocolate
- 3C5241
≈ Pine Forest
- 434B62
≈ China Aster
Komplementarna rozszczepiona +150° +210°
- 60443F
Death by Chocolate
- 33534D
≈ Hunter
- 384F60
≈ Cello
Tetrada +90° +180° +270°
- 60443F
Death by Chocolate
- 494F37
≈ Waiouru
- 315258
≈ Encore Teal
- 4F475F
≈ Violet Shadow
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.76:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.39:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.76:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--death-by-chocolate: #60443f;
--death-by-chocolate-rgb: 96 68 63;
--death-by-chocolate-oklch: oklch(0.416 0.04 30.2);
}
.element {
color: var(--death-by-chocolate);
background-color: hsl(9 21% 31%);
border-color: oklch(0.416 0.04 30.2);
}Tailwind CSS v4
@theme {
--color-death-by-chocolate: #60443f;
--color-death-by-chocolate-50: #fff1ee;
--color-death-by-chocolate-100: #f5e3e0;
--color-death-by-chocolate-200: #e5ceca;
--color-death-by-chocolate-300: #cbb0ab;
--color-death-by-chocolate-400: #b59691;
--color-death-by-chocolate-500: #9f7d76;
--color-death-by-chocolate-600: #866a64;
--color-death-by-chocolate-700: #6c5450;
--color-death-by-chocolate-800: #4f3d3b;
--color-death-by-chocolate-900: #372a28;
--color-death-by-chocolate-950: #221816;
}SCSS
$death-by-chocolate: #60443f;
$death-by-chocolate-rgb: 96, 68, 63;
$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);
}