Purpley Blue #5F34E7

Purpley Blue is a medium-dark, vivid purple with hex code #5F34E7 and RGB rgb(95, 52, 231).

Aa

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

About this color

#5F34E7 is a medium-dark, vivid purple. In OKLCH its lightness is 50%, its chroma 0.247 and its hue 284°. Its hue sits on the cool side of the wheel. It is the named color Purpley Blue. White text reads best on it, at 6.70:1.

Hue familyPurples
Lightnessmedium-dark (50%)
Chromavivid (0.247)
Temperaturecool
Nearest namePurpley Blue
Black text3.13:1
White text6.70:1

Colors that go with Purpley Blue

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

Color palettes with Purpley Blue

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

No curated palette has a color within ΔE 0.06 of Purpley Blue yet.

Similar named colors

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

More about Purpley Blue

How to make Purpley Blue

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 blue
  • 2 parts purple
  • 1 part white

Recipe result: #4D4FB4, a difference of ΔE 0.095 from Purpley Blue. Purpley Blue 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 Purpley Blue in every format

HEX#5F34E7
RGBrgb(95, 52, 231)
HSLhsl(254, 79%, 55%)
OKLCHoklch(50.2% 0.247 284.1)

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 #5F34E7 6.70:1 AA Lc -87.0 Fine for body text
Black text on #5F34E7 3.13:1 AA large text Lc 22.1 Dividers and decoration only
#5F34E7 text on white 6.70:1 AA Lc 81.9 Fine for body text
#5F34E7 text on black 3.13:1 AA large text Lc -20.0 Dividers and decoration only

Shades and tints of Purpley Blue

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 700.

  1. Step 50

    50

    #F4F4FF

    oklch(97% 0.015 286.1)

  2. Step 100

    100

    #E7E8FF

    oklch(93.7% 0.031 283.8)

  3. Step 200

    200

    #D4D5FF

    oklch(88.6% 0.058 284.1)

  4. Step 300

    300

    #B8B8FF

    oklch(80.8% 0.1 283.9)

  5. Step 400

    400

    #9690FF

    oklch(70.7% 0.159 284)

  6. Step 500

    500

    #806FFF

    oklch(63.2% 0.206 284.2)

  7. Step 600

    600

    #6D45FF

    oklch(55.6% 0.256 284.2)

  8. Step 700

    700 (this color)

    #5F34E7

    oklch(50.2% 0.247 284.1)

  9. Step 800

    800

    #4B2BB7

    oklch(42.8% 0.203 284.2)

  10. Step 900

    900

    #3D2A91

    oklch(37.7% 0.16 284.1)

  11. Step 950

    950

    #231A55

    oklch(26.9% 0.102 284.1)

Export this scale for Tailwind in the Tailwind colors tool

Purpley Blue 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)#0061EC0.106
Deuteranopia (no green cones)#0056E40.096
Tritanopia (no blue cones)#00698D0.204
Achromatopsia (no color)#5C5C5C0.248

Use Purpley Blue 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.