Royal Purple #4B006E

Royal Purple is a dark, vivid purple with hex code #4B006E and RGB rgb(75, 0, 110).

Aa

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

About this color

#4B006E is a dark, vivid purple. In OKLCH its lightness is 32%, its chroma 0.162 and its hue 310°. Its hue sits between the warm and cool halves of the wheel. It is the named color Royal Purple. White text reads best on it, at 13.77:1.

Hue familyPurples
Lightnessdark (32%)
Chromavivid (0.162)
Temperaturein between
Nearest nameRoyal Purple
Black text1.52:1
White text13.77:1

Colors that go with Royal Purple

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

Color palettes with Royal Purple

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

Similar named colors

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

More about Royal Purple

How to make Royal 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.

  • 4 parts purple
  • 1 part black

Recipe result: #4B2F53, a difference of ΔE 0.099 from Royal Purple. Royal 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 Royal Purple in every format

HEX#4B006E
RGBrgb(75, 0, 110)
HSLhsl(281, 100%, 22%)
OKLCHoklch(31.9% 0.162 309.6)

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 #4B006E 13.77:1 AAA Lc -102.1 Preferred for body text
Black text on #4B006E 1.52:1 Fails Lc 0.0 Not readable
#4B006E text on white 13.77:1 AAA Lc 98.7 Preferred for body text
#4B006E text on black 1.52:1 Fails Lc 0.0 Not readable

Shades and tints of Royal 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

    #F9F2FF

    oklch(97% 0.019 309.8)

  2. Step 100

    100

    #F2E3FF

    oklch(93.6% 0.041 309.5)

  3. Step 200

    200

    #E8CCFF

    oklch(88.5% 0.075 309.6)

  4. Step 300

    300

    #DAA9FF

    oklch(81% 0.128 309.8)

  5. Step 400

    400

    #C774FF

    oklch(70.7% 0.207 309.7)

  6. Step 500

    500

    #BA40FF

    oklch(63.2% 0.268 309.7)

  7. Step 600

    600

    #A400EA

    oklch(55.6% 0.282 309.6)

  8. Step 700

    700

    #8A00C6

    oklch(49% 0.248 309.6)

  9. Step 800

    800

    #7200A4

    oklch(42.7% 0.216 309.7)

  10. Step 900

    900

    #60008B

    oklch(37.8% 0.191 309.7)

  11. Step 950

    950 (this color)

    #4B006E

    oklch(31.9% 0.162 309.6)

Export this scale for Tailwind in the Tailwind colors tool

Royal 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)#002A710.125
Deuteranopia (no green cones)#002E6C0.128
Tritanopia (no blue cones)#46243E0.108
Achromatopsia (no color)#2D2D2D0.163

Use Royal 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.