Color con nombre más cercano · #421F11
#421F11
Color con nombre más cercano: Délicieux au Chocolat
#421F11 (rgb(66 31 17), hsl(17 59% 16%), oklch(0.285 0.059 41.9)) se parece más al color con nombre Délicieux au Chocolat. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#421F11
oklch(0.285 0.059 41.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 543326
- 66473B
- 785C51
- 8B7168
- 9D877F
- B09E97
- C4B6B0
- D7CECA
- EBE6E4
Sombras
- 38190D
- 2F1409
- 250F06
- 1C0A04
- 140602
- 0B0301
- 050100
- 010000
- 000000
Tonos
- 49281C
- 4F3226
- 553B31
- 5C453C
- 624E47
- 685852
- 6E625D
- 746C68
- 7A7674
Armonías de color
Complementario +180°
- 421F11
Délicieux au Chocolat
- 00303D
≈ Nordic Noir
Análogo -30° +30°
- 421F11
Délicieux au Chocolat
- 421C22
≈ Warm Balaclavas Are Forever
- 3C2402
≈ Dark Ebony
Triádico +120° +240°
- 421F11
Délicieux au Chocolat
- 043321
≈ Pitch-Black Forests
- 262646
≈ Fainting Light
Complementario dividido +150° +210°
- 421F11
Délicieux au Chocolat
- 003230
≈ Nora’s Forest
- 122B46
≈ Midnight Ocean
Tetrádico +90° +180° +270°
- 421F11
Délicieux au Chocolat
- 1F300F
≈ Darkest Forest
- 00303D
≈ Nordic Noir
- 34213F
≈ Power Outage
Contraste y accesibilidad
Sobre blanco
WCAG 14.62:1 · APCA Lc 101
Sobre negro
WCAG 1.43:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.62:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
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);
}