Nächste benannte Farbe · #3A293C
#3A293C
Nächste benannte Farbe: Voodoo
#3A293C (rgb(58 41 60), hsl(294 19% 20%), oklch(0.309 0.041 322.9)) liegt am nächsten an der benannten Farbe Voodoo. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3A293C
oklch(0.309 0.041 322.9)
Farbumrechnungen
- HEX
- #3a293c
- RGB
- rgb(58 41 60)
- HSL
- hsl(294 19% 20%)
- HWB
- hwb(294 16% 76%)
- OKLCH
- oklch(0.309 0.041 322.9)
- OKLab
- oklab(0.309 0.032 -0.024)
- CIE Lab
- lab(19.25 11.16 -8.99)
- LCH
- lch(19.25 14.33 321.1)
- CMYK
- cmyk(3% 32% 0% 76%)
Tints · Shades · Tones
Tints
- 4B3B4D
- 5D4F5F
- 706372
- 837784
- 978D98
- ABA2AC
- BFB9C0
- D4D0D5
- E9E7EA
Shades
- 312233
- 281C2A
- 201521
- 180F19
- 100911
- 09050A
- 040204
- 010101
- 000000
Tones
- 413142
- 473949
- 4E4250
- 554A56
- 5C535D
- 635C64
- 6A656B
- 716E72
- 797779
Farbharmonien
Komplementär +180°
- 3A293C
Voodoo
- 243522
≈ Black Leather Jacket
Analog -30° +30°
- 3A293C
Voodoo
- 312C43
≈ Viola Black
- 402732
≈ Toledo
Triadisch +120° +240°
- 3A293C
Voodoo
- 3A2E17
≈ Agrax Earthshade
- 133639
≈ Elite Teal
Geteilt komplementär +150° +210°
- 3A293C
Voodoo
- 303219
≈ Olivenite
- 18372E
≈ Medium Jungle Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.44:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.56:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.44:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--voodoo: #3a293c;
--voodoo-rgb: 58 41 60;
--voodoo-oklch: oklch(0.309 0.041 322.9);
}
.element {
color: var(--voodoo);
background-color: hsl(294 19% 20%);
border-color: oklch(0.309 0.041 322.9);
}Tailwind CSS v4
@theme {
--color-voodoo: #3a293c;
--color-voodoo-50: #fbf1fc;
--color-voodoo-100: #efe3ef;
--color-voodoo-200: #decfde;
--color-voodoo-300: #c3b1c3;
--color-voodoo-400: #ab97ad;
--color-voodoo-500: #947d96;
--color-voodoo-600: #7d6a7f;
--color-voodoo-700: #645566;
--color-voodoo-800: #493e4b;
--color-voodoo-900: #332b34;
--color-voodoo-950: #1e1820;
}SCSS
$voodoo: #3a293c;
$voodoo-rgb: 58, 41, 60;
$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);
}