Named color · #443388
Majestic Eggplant
Majestic Eggplant is #443388: rgb(68 51 136), hsl(252 45% 37%), oklch(0.39 0.136 287.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Majestic Eggplant color name →
#443388
oklch(0.39 0.136 287.6)
Color conversions
- HEX
- #443388
- RGB
- rgb(68 51 136)
- HSL
- hsl(252 45% 37%)
- HWB
- hwb(252 20% 47%)
- OKLCH
- oklch(0.39 0.136 287.6)
- OKLab
- oklab(0.39 0.041 -0.129)
- CIE Lab
- lab(27.16 25.64 -45.94)
- LCH
- lch(27.16 52.61 299.2)
- CMYK
- cmyk(50% 63% 0% 47%)
Tints · Shades · Tones
Tints
- 534795
- 645BA1
- 756FAD
- 8783B9
- 9A97C5
- ADABD1
- C1C0DD
- D5D4E8
- EAEAF4
Shades
- 3A2B75
- 302363
- 261C52
- 1D1441
- 140D31
- 0C0722
- 050313
- 020106
- 000001
Tones
- 493C88
- 4E4488
- 544C88
- 595487
- 5F5C87
- 666386
- 6C6A85
- 737283
- 797982
Color harmonies
Complementary +180°
- 443388
Majestic Eggplant
- 4A4800
≈ No Emissions Green
Analogous -30° +30°
- 443388
Majestic Eggplant
- 06418C
≈ Pacific Depths
- 612673
≈ Berry Blackmail
Triadic +120° +240°
- 443388
Majestic Eggplant
- 712E00
≈ Cold Press Coffee
- 00523C
≈ Trapper Green
Split-complementary +150° +210°
- 443388
Majestic Eggplant
- 5D3E00
≈ Hippogriff Brown
- 1F5300
≈ Donegal Green
Tetradic +90° +180° +270°
- 443388
Majestic Eggplant
- 7E1829
≈ Seattle Red
- 4A4800
≈ No Emissions Green
- 005052
≈ Wool Turquoise
Contrast & accessibility
Ag
AAAOn white
WCAG 10.12:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.07:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--majestic-eggplant: #443388;
--majestic-eggplant-rgb: 68 51 136;
--majestic-eggplant-oklch: oklch(0.39 0.136 287.6);
}
.element {
color: var(--majestic-eggplant);
background-color: hsl(252 45% 37%);
border-color: oklch(0.39 0.136 287.6);
}Tailwind CSS v4
@theme {
--color-majestic-eggplant: #443388;
--color-majestic-eggplant-50: #f4efff;
--color-majestic-eggplant-100: #e6e1ff;
--color-majestic-eggplant-200: #d2cbff;
--color-majestic-eggplant-300: #b6acf8;
--color-majestic-eggplant-400: #9a91ea;
--color-majestic-eggplant-500: #8375da;
--color-majestic-eggplant-600: #6f63b8;
--color-majestic-eggplant-700: #584f94;
--color-majestic-eggplant-800: #3f3a6f;
--color-majestic-eggplant-900: #2b284e;
--color-majestic-eggplant-950: #191534;
}SCSS
$majestic-eggplant: #443388;
$majestic-eggplant-rgb: 68, 51, 136;
$majestic-eggplant-light: mix(#fff, $majestic-eggplant, 20%);
$majestic-eggplant-dark: mix(#000, $majestic-eggplant, 20%);
.element {
color: $majestic-eggplant;
box-shadow: 0 0 0 2px rgba($majestic-eggplant, 0.35);
}