Benannte Farbe · #531B93
Eggplant Tint
Eggplant Tint ist #531B93: rgb(83 27 147), hsl(268 69% 34%), oklch(0.384 0.179 298.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Eggplant Tint color name →
#531B93
oklch(0.384 0.179 298.4)
Farbumrechnungen
- HEX
- #531b93
- RGB
- rgb(83 27 147)
- HSL
- hsl(268 69% 34%)
- HWB
- hwb(268 11% 42%)
- OKLCH
- oklch(0.384 0.179 298.4)
- OKLab
- oklab(0.384 0.085 -0.157)
- CIE Lab
- lab(25.2 43.8 -55.84)
- LCH
- lch(25.2 70.97 308.1)
- CMYK
- cmyk(44% 82% 0% 42%)
Tints · Shades · Tones
Tints
- 62379F
- 714FAB
- 8165B6
- 927AC1
- A390CC
- B4A6D7
- C7BCE1
- D9D2EB
- ECE8F5
Shades
- 47167F
- 3B116C
- 300C59
- 250847
- 1B0536
- 110225
- 080116
- 020008
- 000001
Tones
- 572B92
- 5B3791
- 5F4290
- 634C8E
- 68558D
- 6C5E8B
- 716789
- 766F86
- 7B7883
Farbharmonien
Komplementär +180°
- 531B93
Eggplant Tint
- 3F4900
≈ No Emissions Green
Analog -30° +30°
- 531B93
Eggplant Tint
- 1F31A0
≈ North Star Blue
- 710071
≈ Pure Purple
Triadisch +120° +240°
- 531B93
Eggplant Tint
- 663500
≈ Nutmeg Wood Finish
- 004F44
≈ Fjord Green
Geteilt komplementär +150° +210°
- 531B93
Eggplant Tint
- 554000
≈ Roman Bronze
- 00521E
≈ Mysterious Mixture
Tetradisch +90° +180° +270°
- 531B93
Eggplant Tint
- 830004
≈ Dark Red
- 3F4900
≈ No Emissions Green
- 004D56
≈ Watercolour Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.79:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.94:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.79:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--eggplant-tint: #531b93;
--eggplant-tint-rgb: 83 27 147;
--eggplant-tint-oklch: oklch(0.384 0.179 298.4);
}
.element {
color: var(--eggplant-tint);
background-color: hsl(268 69% 34%);
border-color: oklch(0.384 0.179 298.4);
}Tailwind CSS v4
@theme {
--color-eggplant-tint: #531b93;
--color-eggplant-tint-50: #fdeaff;
--color-eggplant-tint-100: #f1dbff;
--color-eggplant-tint-200: #e0c3ff;
--color-eggplant-tint-300: #c6a1ff;
--color-eggplant-tint-400: #ad83f8;
--color-eggplant-tint-500: #9863ea;
--color-eggplant-tint-600: #8055c5;
--color-eggplant-tint-700: #66449f;
--color-eggplant-tint-800: #4a3178;
--color-eggplant-tint-900: #332155;
--color-eggplant-tint-950: #1f1039;
}SCSS
$eggplant-tint: #531b93;
$eggplant-tint-rgb: 83, 27, 147;
$eggplant-tint-light: mix(#fff, $eggplant-tint, 20%);
$eggplant-tint-dark: mix(#000, $eggplant-tint, 20%);
.element {
color: $eggplant-tint;
box-shadow: 0 0 0 2px rgba($eggplant-tint, 0.35);
}