Eggplant #380835

Eggplant is a very dark, moderately saturated purple with hex code #380835 and RGB rgb(56, 8, 53).

Aa

White text reads best on this color (16.74:1).

About this color

#380835 is a very dark, moderately saturated purple. In OKLCH its lightness is 25%, its chroma 0.095 and its hue 331°. Its hue sits between the warm and cool halves of the wheel. It is the named color Eggplant. White text reads best on it, at 16.74:1.

Hue familyPurples
Lightnessvery dark (25%)
Chromamoderately saturated (0.095)
Temperaturein between
Nearest nameEggplant
Black text1.25:1
White text16.74:1

Colors that go with Eggplant

Matches found by rotating Eggplant around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Eggplant

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Eggplant, closest first.

Similar named colors

The eight named colors closest to Eggplant, with their ΔE distance.

More about Eggplant

How to make Eggplant

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 2 parts purple
  • 1 part black

Recipe result: #312632, a difference of ΔE 0.080 from Eggplant. Eggplant is more vivid than these paints can mix, so start from a ready-made pink paint and adjust it.

What colors make pink? | Color mixing chart

Codes for Eggplant in every format

HEX#380835
RGBrgb(56, 8, 53)
HSLhsl(304, 75%, 13%)
OKLCHoklch(24.6% 0.095 330.8)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #380835 16.74:1 AAA Lc -105.6 Preferred for body text
Black text on #380835 1.25:1 Fails Lc 0.0 Not readable
#380835 text on white 16.74:1 AAA Lc 103.1 Preferred for body text
#380835 text on black 1.25:1 Fails Lc 0.0 Not readable

Shades and tints of Eggplant

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 950.

  1. Step 50

    50

    #FCF2FA

    oklch(97.1% 0.015 332.2)

  2. Step 100

    100

    #F7E2F4

    oklch(93.5% 0.033 330.4)

  3. Step 200

    200

    #F2CBED

    oklch(88.6% 0.062 330.3)

  4. Step 300

    300

    #EBA6E2

    oklch(81% 0.112 331.2)

  5. Step 400

    400

    #DE71D4

    oklch(70.8% 0.181 330.8)

  6. Step 500

    500

    #D242C8

    oklch(63.2% 0.23 330.9)

  7. Step 600

    600

    #BD05B5

    oklch(55.6% 0.251 330.7)

  8. Step 700

    700

    #A00099

    oklch(49.1% 0.223 330.7)

  9. Step 800

    800

    #84027E

    oklch(42.7% 0.193 330.8)

  10. Step 900

    900

    #6A1565

    oklch(37.7% 0.149 330.7)

  11. Step 950

    950 (this color)

    #380835

    oklch(24.6% 0.095 330.8)

Export this scale for Tailwind in the Tailwind colors tool

Eggplant with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#0419360.103
Deuteranopia (no green cones)#1720340.087
Tritanopia (no blue cones)#3B0E1E0.050
Achromatopsia (no color)#1E1E1E0.096

Use Eggplant in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.