Dichtstbijzijnde benoemde kleur · #443246
#443246
Dichtstbijzijnde benoemde kleur: Voodoo
#443246 (rgb(68 50 70), hsl(294 17% 24%), oklch(0.345 0.042 323.1)) komt het dichtst bij de benoemde kleur Voodoo. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#443246
oklch(0.345 0.042 323.1)
Kleurconversies
- HEX
- #443246
- RGB
- rgb(68 50 70)
- HSL
- hsl(294 17% 24%)
- HWB
- hwb(294 20% 73%)
- OKLCH
- oklch(0.345 0.042 323.1)
- OKLab
- oklab(0.345 0.033 -0.025)
- CIE Lab
- lab(23.49 11.48 -9.22)
- LCH
- lch(23.49 14.72 321.2)
- CMYK
- cmyk(3% 29% 0% 73%)
Tinten · Schaduwen · Tonen
Tinten
- 554457
- 665668
- 786A79
- 8A7E8B
- 9D929E
- B0A7B0
- C3BCC4
- D7D2D7
- EBE8EB
Schaduwen
- 3A2A3C
- 302232
- 261B28
- 1D141E
- 140D15
- 0C070D
- 050305
- 020102
- 000000
Tonen
- 4A394C
- 504151
- 564857
- 5C505D
- 625862
- 686068
- 6E686E
- 747074
- 7A787A
Kleurharmonieën
Complementair +180°
- 443246
Voodoo
- 2C3F2B
≈ English Holly
Analoog -30° +30°
- 443246
Voodoo
- 3A354D
≈ Caddies Silk
- 4B303B
≈ Ripe Eggplant
Triadisch +120° +240°
- 443246
Voodoo
- 44371F
≈ Lisbon Brown
- 1C4043
≈ Pine Hollow
Gesplitst complementair +150° +210°
- 443246
Voodoo
- 393C22
≈ Green Kelp
- 204037
≈ Pine Grove
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.72:1 · APCA Lc 97
Ag
FailOp zwart
WCAG 1.79:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 11.72:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--voodoo: #443246;
--voodoo-rgb: 68 50 70;
--voodoo-oklch: oklch(0.345 0.042 323.1);
}
.element {
color: var(--voodoo);
background-color: hsl(294 17% 24%);
border-color: oklch(0.345 0.042 323.1);
}Tailwind CSS v4
@theme {
--color-voodoo: #443246;
--color-voodoo-50: #fcf1fc;
--color-voodoo-100: #efe3f0;
--color-voodoo-200: #decede;
--color-voodoo-300: #c3b0c3;
--color-voodoo-400: #ab97ad;
--color-voodoo-500: #947d96;
--color-voodoo-600: #7d6a7f;
--color-voodoo-700: #645566;
--color-voodoo-800: #493e4b;
--color-voodoo-900: #332a34;
--color-voodoo-950: #1e1820;
}SCSS
$voodoo: #443246;
$voodoo-rgb: 68, 50, 70;
$voodoo-light: mix(#fff, $voodoo, 20%);
$voodoo-dark: mix(#000, $voodoo, 20%);
.element {
color: $voodoo;
box-shadow: 0 0 0 2px rgba($voodoo, 0.35);
}