Benannte Farbe · #330033
Exquisite Eggplant
Exquisite Eggplant ist #330033: rgb(51 0 51), hsl(300 100% 10%), oklch(0.225 0.104 328.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Exquisite Eggplant color name →
#330033
oklch(0.225 0.104 328.4)
Farbumrechnungen
- HEX
- #330033
- RGB
- rgb(51 0 51)
- HSL
- hsl(300 100% 10%)
- HWB
- hwb(300 0% 80%)
- OKLCH
- oklch(0.225 0.104 328.4)
- OKLab
- oklab(0.225 0.088 -0.054)
- CIE Lab
- lab(8.46 30.03 -19.43)
- LCH
- lch(8.46 35.77 327.1)
- CMYK
- cmyk(0% 100% 0% 80%)
Tints · Shades · Tones
Tints
- 461945
- 5A3158
- 6D486C
- 816080
- 967994
- AA93A8
- BFADBE
- D4C8D3
- E9E3E9
Shades
- 2B002B
- 230023
- 1C001C
- 140014
- 0D000D
- 070007
- 030003
- 010001
- 000000
Tones
- 3B0E3B
- 431C42
- 4B294A
- 533552
- 5B4159
- 624D61
- 6A5A69
- 716670
- 797378
Farbharmonien
Komplementär +180°
- 330033
Exquisite Eggplant
- 002309
≈ Clock Chimes Thirteen
Analog -30° +30°
- 330033
Exquisite Eggplant
- 240844
≈ Your Darkness
- 3A001B
≈ Rhodophobia
Triadisch +120° +240°
- 330033
Exquisite Eggplant
- 251A00
≈ Cannon Black
- 002125
≈ Stellar Explorer
Geteilt komplementär +150° +210°
- 330033
Exquisite Eggplant
- 1A1F00
≈ Yuzu Soy
- 00221C
≈ Stellar Explorer
Tetradisch +90° +180° +270°
- 330033
Exquisite Eggplant
- 2E1400
≈ Shadow Play
- 002309
≈ Clock Chimes Thirteen
- 001E30
≈ Cyanophobia
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.66:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.18:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.66:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--exquisite-eggplant: #330033;
--exquisite-eggplant-rgb: 51 0 51;
--exquisite-eggplant-oklch: oklch(0.225 0.104 328.4);
}
.element {
color: var(--exquisite-eggplant);
background-color: hsl(300 100% 10%);
border-color: oklch(0.225 0.104 328.4);
}Tailwind CSS v4
@theme {
--color-exquisite-eggplant: #330033;
--color-exquisite-eggplant-50: #ffebff;
--color-exquisite-eggplant-100: #fddcf8;
--color-exquisite-eggplant-200: #efc5e9;
--color-exquisite-eggplant-300: #d6a4d1;
--color-exquisite-eggplant-400: #c088bd;
--color-exquisite-eggplant-500: #ab6ca8;
--color-exquisite-eggplant-600: #915c8e;
--color-exquisite-eggplant-700: #744972;
--color-exquisite-eggplant-800: #553555;
--color-exquisite-eggplant-900: #3b243c;
--color-exquisite-eggplant-950: #251325;
}SCSS
$exquisite-eggplant: #330033;
$exquisite-eggplant-rgb: 51, 0, 51;
$exquisite-eggplant-light: mix(#fff, $exquisite-eggplant, 20%);
$exquisite-eggplant-dark: mix(#000, $exquisite-eggplant, 20%);
.element {
color: $exquisite-eggplant;
box-shadow: 0 0 0 2px rgba($exquisite-eggplant, 0.35);
}