Periwinkle #8E82FE

Periwinkle is a medium-light, vivid purple with hex code #8E82FE and RGB rgb(142, 130, 254).

Aa

Black text reads best on this color (6.77:1).

About this color

#8E82FE is a medium-light, vivid purple. In OKLCH its lightness is 67%, its chroma 0.178 and its hue 285°. Its hue sits on the cool side of the wheel. It is the named color Periwinkle. Black text reads best on it, at 6.77:1.

Hue familyPurples
Lightnessmedium-light (67%)
Chromavivid (0.178)
Temperaturecool
Nearest namePeriwinkle
Black text6.77:1
White text3.09:1

Colors that go with Periwinkle

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

Color palettes with Periwinkle

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

Similar named colors

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

More about Periwinkle

How to make Periwinkle

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

Recipe result: #9275CF, a difference of ΔE 0.072 from Periwinkle. That is close; add a little more of one paint to match.

What colors make purple? | Color mixing chart

Codes for Periwinkle in every format

HEX#8E82FE
RGBrgb(142, 130, 254)
HSLhsl(246, 98%, 75%)
OKLCHoklch(67.5% 0.178 285)

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 #8E82FE 3.09:1 AA large text Lc -63.1 Content text, not long reading
Black text on #8E82FE 6.77:1 AA Lc 46.3 Large or bold text, headings
#8E82FE text on white 3.09:1 AA large text Lc 57.8 Large or bold text, headings
#8E82FE text on black 6.77:1 AA Lc -44.0 Non-text elements, placeholder text

Shades and tints of Periwinkle

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

  1. Step 50

    50

    #F4F4FF

    oklch(97% 0.015 286.1)

  2. Step 100

    100

    #E7E7FF

    oklch(93.5% 0.032 285.8)

  3. Step 200

    200

    #D4D4FF

    oklch(88.4% 0.059 285.1)

  4. Step 300

    300

    #B9B8FF

    oklch(80.9% 0.1 284.6)

  5. Step 400

    400 (this color)

    #8E82FE

    oklch(67.5% 0.178 285)

  6. Step 500

    500

    #816EFF

    oklch(63.1% 0.207 284.7)

  7. Step 600

    600

    #6E48FA

    oklch(55.6% 0.247 284.8)

  8. Step 700

    700

    #5D37DA

    oklch(49.1% 0.23 284.8)

  9. Step 800

    800

    #4C30B0

    oklch(42.8% 0.19 285.1)

  10. Step 900

    900

    #3E2D8B

    oklch(37.7% 0.148 285.1)

  11. Step 950

    950

    #241C51

    oklch(27% 0.093 285.2)

Export this scale for Tailwind in the Tailwind colors tool

Periwinkle 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)#4C96FF0.083
Deuteranopia (no green cones)#488FFB0.082
Tritanopia (no blue cones)#6A9CB40.151
Achromatopsia (no color)#9292920.178

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