Nächste benannte Farbe · #3C2732
#3C2732
Nächste benannte Farbe: Voodoo
#3C2732 (rgb(60 39 50), hsl(329 21% 19%), oklch(0.302 0.036 346.8)) liegt am nächsten an der benannten Farbe Voodoo. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3C2732
oklch(0.302 0.036 346.8)
Farbumrechnungen
- HEX
- #3c2732
- RGB
- rgb(60 39 50)
- HSL
- hsl(329 21% 19%)
- HWB
- hwb(329 15% 76%)
- OKLCH
- oklch(0.302 0.036 346.8)
- OKLab
- oklab(0.302 0.035 -0.008)
- CIE Lab
- lab(18.6 11.68 -3.01)
- LCH
- lch(18.6 12.07 345.6)
- CMYK
- cmyk(0% 35% 17% 76%)
Tints · Shades · Tones
Tints
- 4E3944
- 604D56
- 726169
- 85767D
- 988B92
- ACA1A7
- C0B8BC
- D5CFD2
- EAE7E8
Shades
- 33202A
- 2A1A22
- 21141B
- 190E14
- 11080D
- 0A0407
- 040203
- 010101
- 000000
Tones
- 432F39
- 493841
- 504048
- 574950
- 5E5258
- 645B5F
- 6B6467
- 726D6F
- 797678
Farbharmonien
Komplementär +180°
- 3C2732
Voodoo
- 1B342A
≈ Cardin Green
Analog -30° +30°
- 3C2732
Voodoo
- 36293B
≈ Spinel Violet
- 3F2728
≈ Night Red
Triadisch +120° +240°
- 3C2732
Voodoo
- 30301A
≈ Rangitoto
- 19323D
≈ Elderberry Black
Geteilt komplementär +150° +210°
- 3C2732
Voodoo
- 263321
≈ Mountain Range Green
- 163435
≈ Elite Teal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.73:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.52:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.73:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--voodoo: #3c2732;
--voodoo-rgb: 60 39 50;
--voodoo-oklch: oklch(0.302 0.036 346.8);
}
.element {
color: var(--voodoo);
background-color: hsl(329 21% 19%);
border-color: oklch(0.302 0.036 346.8);
}Tailwind CSS v4
@theme {
--color-voodoo: #3c2732;
--color-voodoo-50: #fef1f7;
--color-voodoo-100: #f2e3ea;
--color-voodoo-200: #e1ced7;
--color-voodoo-300: #c7b0ba;
--color-voodoo-400: #af96a3;
--color-voodoo-500: #997d8b;
--color-voodoo-600: #816a75;
--color-voodoo-700: #68545e;
--color-voodoo-800: #4c3e45;
--color-voodoo-900: #352a30;
--color-voodoo-950: #20181c;
}SCSS
$voodoo: #3c2732;
$voodoo-rgb: 60, 39, 50;
$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);
}