Midnight Purple #280137

Midnight Purple is a very dark, moderately saturated purple with hex code #280137 and RGB rgb(40, 1, 55).

Aa

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

About this color

#280137 is a very dark, moderately saturated purple. In OKLCH its lightness is 21%, its chroma 0.101 and its hue 314°. Its hue sits between the warm and cool halves of the wheel. It is the named color Midnight Purple. White text reads best on it, at 18.26:1.

Hue familyPurples
Lightnessvery dark (21%)
Chromamoderately saturated (0.101)
Temperaturein between
Nearest nameMidnight Purple
Black text1.14:1
White text18.26:1

Colors that go with Midnight Purple

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

Color palettes with Midnight Purple

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

Similar named colors

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

More about Midnight Purple

How to make Midnight Purple

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.

  • 1 part black

Recipe result: #141414, a difference of ΔE 0.102 from Midnight Purple. Midnight Purple is more vivid than these paints can mix, so start from a ready-made purple paint and adjust it.

What colors make purple? | Color mixing chart

Codes for Midnight Purple in every format

HEX#280137
RGBrgb(40, 1, 55)
HSLhsl(283, 96%, 11%)
OKLCHoklch(20.9% 0.101 314.2)

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 #280137 18.26:1 AAA Lc -106.5 Preferred for body text
Black text on #280137 1.14:1 Fails Lc 0.0 Not readable
#280137 text on white 18.26:1 AAA Lc 104.2 Preferred for body text
#280137 text on black 1.14:1 Fails Lc 0.0 Not readable

Shades and tints of Midnight Purple

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

    #F9F2FD

    oklch(97% 0.016 313.6)

  2. Step 100

    100

    #F3E3FA

    oklch(93.5% 0.035 315.7)

  3. Step 200

    200

    #E9CDF8

    oklch(88.5% 0.065 313.9)

  4. Step 300

    300

    #DDA9F6

    oklch(80.9% 0.119 314.5)

  5. Step 400

    400

    #CB76F2

    oklch(70.7% 0.191 314.2)

  6. Step 500

    500

    #BD48ED

    oklch(63.1% 0.245 314.2)

  7. Step 600

    600

    #A915DB

    oklch(55.6% 0.265 314.3)

  8. Step 700

    700

    #9000BD

    oklch(49.1% 0.243 314.1)

  9. Step 800

    800

    #750B9A

    oklch(42.7% 0.204 313.9)

  10. Step 900

    900

    #5F197A

    oklch(37.7% 0.158 314.4)

  11. Step 950

    950 (this color)

    #280137

    oklch(20.9% 0.101 314.2)

Export this scale for Tailwind in the Tailwind colors tool

Midnight Purple 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)#0013380.086
Deuteranopia (no green cones)#0016360.087
Tritanopia (no blue cones)#260E1C0.066
Achromatopsia (no color)#1515150.102

Use Midnight Purple 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.