Nazwany kolor · #63493E
Choco Death
Choco Death to #63493E: rgb(99 73 62), hsl(18 23% 32%), oklch(0.43 0.04 44). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Choco Death color name →
#63493E
oklch(0.43 0.04 44)
Konwersje koloru
- HEX
- #63493e
- RGB
- rgb(99 73 62)
- HSL
- hsl(18 23% 32%)
- HWB
- hwb(18 24% 61%)
- OKLCH
- oklch(0.43 0.04 44)
- OKLab
- oklab(0.43 0.029 0.028)
- CIE Lab
- lab(33.66 10.18 11.14)
- LCH
- lch(33.66 15.09 47.6)
- CMYK
- cmyk(0% 26% 37% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 72594F
- 816A61
- 907C73
- 9F8D86
- AF9F99
- BEB2AD
- CEC5C1
- DED8D5
- EFEBEA
Odcienie ciemniejsze
- 553E35
- 47342B
- 3A2A23
- 2E201A
- 211712
- 160E0A
- 0B0604
- 030201
- 000000
Tony
- 664E44
- 69544B
- 6C5951
- 6F5F58
- 72645E
- 756A65
- 786F6C
- 7A7572
- 7D7A79
Harmonie kolorów
Komplementarna +180°
- 63493E
Choco Death
- 375560
≈ Opera Glasses
Analogowa -30° +30°
- 63493E
Choco Death
- 644749
≈ Plum Raisin
- 5D4D37
≈ Beggar
Triada +120° +240°
- 63493E
Choco Death
- 3B574A
≈ Shadow Leaf
- 4D4D65
≈ Legendary Purple
Komplementarna rozszczepiona +150° +210°
- 63493E
Choco Death
- 355756
≈ Depth Charge
- 415166
≈ Navy Damask
Tetrada +90° +180° +270°
- 63493E
Choco Death
- 47553E
≈ Chard
- 375560
≈ Opera Glasses
- 58495F
≈ Soul Train
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.22:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.55:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--choco-death: #63493e;
--choco-death-rgb: 99 73 62;
--choco-death-oklch: oklch(0.43 0.04 44);
}
.element {
color: var(--choco-death);
background-color: hsl(18 23% 32%);
border-color: oklch(0.43 0.04 44);
}Tailwind CSS v4
@theme {
--color-choco-death: #63493e;
--color-choco-death-50: #fff2ec;
--color-choco-death-100: #f4e4dd;
--color-choco-death-200: #e4cfc6;
--color-choco-death-300: #cab2a7;
--color-choco-death-400: #b4978c;
--color-choco-death-500: #9e7e71;
--color-choco-death-600: #856b60;
--color-choco-death-700: #6b554c;
--color-choco-death-800: #4f3e38;
--color-choco-death-900: #372b26;
--color-choco-death-950: #221814;
}SCSS
$choco-death: #63493e;
$choco-death-rgb: 99, 73, 62;
$choco-death-light: mix(#fff, $choco-death, 20%);
$choco-death-dark: mix(#000, $choco-death, 20%);
.element {
color: $choco-death;
box-shadow: 0 0 0 2px rgba($choco-death, 0.35);
}