Colore con nome · #63493E
Choco Death
Choco Death è #63493E: rgb(99 73 62), hsl(18 23% 32%), oklch(0.43 0.04 44). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Choco Death color name →
#63493E
oklch(0.43 0.04 44)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 72594F
- 816A61
- 907C73
- 9F8D86
- AF9F99
- BEB2AD
- CEC5C1
- DED8D5
- EFEBEA
Ombre
- 553E35
- 47342B
- 3A2A23
- 2E201A
- 211712
- 160E0A
- 0B0604
- 030201
- 000000
Toni
- 664E44
- 69544B
- 6C5951
- 6F5F58
- 72645E
- 756A65
- 786F6C
- 7A7572
- 7D7A79
Armonie di colore
Complementare +180°
- 63493E
Choco Death
- 375560
≈ Opera Glasses
Analogo -30° +30°
- 63493E
Choco Death
- 644749
≈ Plum Raisin
- 5D4D37
≈ Beggar
Triadico +120° +240°
- 63493E
Choco Death
- 3B574A
≈ Shadow Leaf
- 4D4D65
≈ Legendary Purple
Complementare divisa +150° +210°
- 63493E
Choco Death
- 355756
≈ Depth Charge
- 415166
≈ Navy Damask
Tetradico +90° +180° +270°
- 63493E
Choco Death
- 47553E
≈ Chard
- 375560
≈ Opera Glasses
- 58495F
≈ Soul Train
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.22:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.55:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}