Dichtstbijzijnde benoemde kleur · #421F11
#421F11
Dichtstbijzijnde benoemde kleur: Délicieux au Chocolat
#421F11 (rgb(66 31 17), hsl(17 59% 16%), oklch(0.285 0.059 41.9)) komt het dichtst bij de benoemde kleur Délicieux au Chocolat. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#421F11
oklch(0.285 0.059 41.9)
Kleurconversies
- HEX
- #421f11
- RGB
- rgb(66 31 17)
- HSL
- hsl(17 59% 16%)
- HWB
- hwb(17 7% 74%)
- OKLCH
- oklch(0.285 0.059 41.9)
- OKLab
- oklab(0.285 0.044 0.039)
- CIE Lab
- lab(16.64 16.27 17.2)
- LCH
- lch(16.64 23.67 46.6)
- CMYK
- cmyk(0% 53% 74% 74%)
Tinten · Schaduwen · Tonen
Tinten
- 543326
- 66473B
- 785C51
- 8B7168
- 9D877F
- B09E97
- C4B6B0
- D7CECA
- EBE6E4
Schaduwen
- 38190D
- 2F1409
- 250F06
- 1C0A04
- 140602
- 0B0301
- 050100
- 010000
- 000000
Tonen
- 49281C
- 4F3226
- 553B31
- 5C453C
- 624E47
- 685852
- 6E625D
- 746C68
- 7A7674
Kleurharmonieën
Complementair +180°
- 421F11
Délicieux au Chocolat
- 00303D
≈ Nordic Noir
Analoog -30° +30°
- 421F11
Délicieux au Chocolat
- 421C22
≈ Warm Balaclavas Are Forever
- 3C2402
≈ Dark Ebony
Triadisch +120° +240°
- 421F11
Délicieux au Chocolat
- 043321
≈ Pitch-Black Forests
- 262646
≈ Fainting Light
Gesplitst complementair +150° +210°
- 421F11
Délicieux au Chocolat
- 003230
≈ Nora’s Forest
- 122B46
≈ Midnight Ocean
Tetradisch +90° +180° +270°
- 421F11
Délicieux au Chocolat
- 1F300F
≈ Darkest Forest
- 00303D
≈ Nordic Noir
- 34213F
≈ Power Outage
Contrast en toegankelijkheid
Op wit
WCAG 14.62:1 · APCA Lc 101
Op zwart
WCAG 1.43:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.62:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--delicieux-au-chocolat: #421f11;
--delicieux-au-chocolat-rgb: 66 31 17;
--delicieux-au-chocolat-oklch: oklch(0.285 0.059 41.9);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(17 59% 16%);
border-color: oklch(0.285 0.059 41.9);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #421f11;
--color-delicieux-au-chocolat-50: #fff0e8;
--color-delicieux-au-chocolat-100: #fae2d8;
--color-delicieux-au-chocolat-200: #ebcdc0;
--color-delicieux-au-chocolat-300: #d2ae9f;
--color-delicieux-au-chocolat-400: #be9383;
--color-delicieux-au-chocolat-500: #a87967;
--color-delicieux-au-chocolat-600: #8e6758;
--color-delicieux-au-chocolat-700: #725246;
--color-delicieux-au-chocolat-800: #543c33;
--color-delicieux-au-chocolat-900: #3b2923;
--color-delicieux-au-chocolat-950: #251712;
}SCSS
$delicieux-au-chocolat: #421f11;
$delicieux-au-chocolat-rgb: 66, 31, 17;
$delicieux-au-chocolat-light: mix(#fff, $delicieux-au-chocolat, 20%);
$delicieux-au-chocolat-dark: mix(#000, $delicieux-au-chocolat, 20%);
.element {
color: $delicieux-au-chocolat;
box-shadow: 0 0 0 2px rgba($delicieux-au-chocolat, 0.35);
}