#EC91EE#EC91EE

#EC91EE is a light, vivid purple. Relative luminance 0.443; OKLCH L 78.2% C 0.160 H 326.2°. Best body text is #000000 at 9.85:1 contrast (WCAG AA passes).

Color values

HEX	#EC91EE
RGB	rgb(236, 145, 238)
HSL	hsl(299, 73%, 75%)
HSV	hsv(299, 39%, 93%)
CMYK	cmyk(0.8%, 39.1%, 0%, 6.7%)
CIE-LAB	lab(72.40, 48.23, -32.63)
CIE-LCH	lch(72.40, 58.23, 325.92°)
OKLab	oklab(78.16% 0.1331 -0.0891)
OKLCH	oklch(78.16% 0.16 326.2)
XYZ	xyz(60.1488, 44.2593, 86.2469)
Luminance	0.4426 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EC91EE #93EE91

analogous

#BE91EE #EC91EE #EE91C1

triadic

#EC91EE #EEEC91 #91EEEC

tetradic

#EC91EE #EEBE91 #93EE91 #91C1EE

square

#EC91EE #EEBE91 #93EE91 #91C1EE

split-complementary

#EC91EE #C1EE91 #91EEBE

monochromatic

#DA27DE #E35CE6 #EC91EE #F5C6F6 #FAE4FB

Accessibility & contrast

On white

2.13

#EC91EE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.85

#EC91EE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EC91EE

9.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EC91EE	#FFFFFF	#000000	##000000
##EC91EE	1.00	2.13	9.85	9.85
#FFFFFF	2.13	1.00	21.00	21.00
#000000	9.85	21.00	1.00	1.00
##000000	9.85	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#89AAF1

Deuteranopia (green-blind)

#A1B6EB

Tritanopia (blue-blind)

#F19AB5

Achromatopsia (no color)

#B2B2B2

Design tokens & code

CSS

--color: #ec91ee;
/* rgb */ color: rgb(236, 145, 238);
/* oklch */ color: oklch(78.2% 0.160 326.2);

Tailwind

colors: {
  custom: {
    50: '#f4b3f3',
    500: '#ec91ee',
    950: '#000000',
  },
}

SCSS

$custom: #ec91ee;
$custom-light: #f4b3f3;
$custom-dark: #000000;

JSON

{
  "hex": "#ec91ee",
  "rgb": {
    "r": 236,
    "g": 145,
    "b": 238
  },
  "hsl": {
    "h": 298.71,
    "s": 73.228,
    "l": 75.098
  },
  "oklch": {
    "l": 0.7816,
    "c": 0.16016,
    "h": 326.2
  },
  "luminance": 0.44257
}

Semantic roles & 50–950 ramp

primary

#EC91EE

secondary

#D9F3D8

accent

#D51014

background

#FFFBFE

surface

#FEF6FD

border

#D6D0D5

text

#171117

muted

#858085

Preview Lab

Preview with #EC91EE

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →