Nächste benannte Farbe · #943171
#943171
Nächste benannte Farbe: Violet Vixen
#943171 (rgb(148 49 113), hsl(321 50% 39%), oklch(0.479 0.15 344.5)) liegt am nächsten an der benannten Farbe Violet Vixen. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#943171
oklch(0.479 0.15 344.5)
Farbumrechnungen
- HEX
- #943171
- RGB
- rgb(148 49 113)
- HSL
- hsl(321 50% 39%)
- HWB
- hwb(321 19% 42%)
- OKLCH
- oklch(0.479 0.15 344.5)
- OKLab
- oklab(0.479 0.145 -0.04)
- CIE Lab
- lab(37.47 46.9 -14.44)
- LCH
- lch(37.47 49.07 342.9)
- CMYK
- cmyk(0% 67% 24% 42%)
Tints · Shades · Tones
Tints
- A0477E
- AC5C8C
- B8709A
- C384A8
- CE98B6
- D8ACC4
- E2C1D3
- ECD5E1
- F6EAF0
Shades
- 802961
- 6D2252
- 5A1A43
- 481335
- 360C27
- 26061A
- 16030E
- 080104
- 010001
Tones
- 933B73
- 924474
- 914D76
- 905577
- 8E5D79
- 8C647A
- 896B7C
- 87727D
- 84797F
Farbharmonien
Komplementär +180°
- 943171
Violet Vixen
- 006F4E
≈ Natural Watercourse
Analog -30° +30°
- 943171
Violet Vixen
- 7C3D97
≈ Cadmium Violet
- A02D42
≈ Crimson Strawberry
Triadisch +120° +240°
- 943171
Violet Vixen
- 676000
≈ Green Brown
- 006783
≈ Ansel
Geteilt komplementär +150° +210°
- 943171
Violet Vixen
- 386D00
≈ Tatzelwurm Green
- 006B6B
≈ Mayan Blue
Tetradisch +90° +180° +270°
- 943171
Violet Vixen
- 7E5300
≈ Intense Brown
- 006F4E
≈ Natural Watercourse
- 095CAF
≈ Bottled Sea
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.15:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.93:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--violet-vixen: #943171;
--violet-vixen-rgb: 148 49 113;
--violet-vixen-oklch: oklch(0.479 0.15 344.5);
}
.element {
color: var(--violet-vixen);
background-color: hsl(321 50% 39%);
border-color: oklch(0.479 0.15 344.5);
}Tailwind CSS v4
@theme {
--color-violet-vixen: #943171;
--color-violet-vixen-50: #ffe5fe;
--color-violet-vixen-100: #ffd4f2;
--color-violet-vixen-200: #ffbae1;
--color-violet-vixen-300: #ef97c7;
--color-violet-vixen-400: #db77b3;
--color-violet-vixen-500: #c8569d;
--color-violet-vixen-600: #a94a85;
--color-violet-vixen-700: #883b6b;
--color-violet-vixen-800: #642a50;
--color-violet-vixen-900: #461c38;
--color-violet-vixen-950: #2d0c22;
}SCSS
$violet-vixen: #943171;
$violet-vixen-rgb: 148, 49, 113;
$violet-vixen-light: mix(#fff, $violet-vixen, 20%);
$violet-vixen-dark: mix(#000, $violet-vixen, 20%);
.element {
color: $violet-vixen;
box-shadow: 0 0 0 2px rgba($violet-vixen, 0.35);
}