#E347DF#E347DF

#E347DF is a light, highly saturated purple. Relative luminance 0.262; OKLCH L 67.2% C 0.250 H 329.0°. Best body text is #000000 at 6.23:1 contrast (WCAG AA passes).

Color values

HEX	#E347DF
RGB	rgb(227, 71, 223)
HSL	hsl(302, 74%, 58%)
HSV	hsv(302, 69%, 89%)
CMYK	cmyk(0%, 68.7%, 1.8%, 11%)
CIE-LAB	lab(58.20, 76.28, -46.61)
CIE-LCH	lch(58.20, 89.39, 328.57°)
OKLab	oklab(67.24% 0.2144 -0.1288)
OKLCH	oklch(67.24% 0.25 329)
XYZ	xyz(47.2506, 26.1685, 72.3601)
Luminance	0.2616 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#E347DF #47E34B

analogous

#9947E3 #E347DF #E34791

triadic

#E347DF #DFE347 #47DFE3

tetradic

#E347DF #E39947 #47E34B #4791E3

square

#E347DF #E39947 #47E34B #4791E3

split-complementary

#E347DF #91E347 #47E399

monochromatic

#981795 #CE1FC9 #E347DF #EB7CE8 #F3B1F1

Accessibility & contrast

On white

3.37

#E347DF on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.23

#E347DF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #E347DF

6.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##E347DF	#FFFFFF	#000000	##000000
##E347DF	1.00	3.37	6.23	6.23
#FFFFFF	3.37	1.00	21.00	21.00
#000000	6.23	21.00	1.00	1.00
##000000	6.23	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#327FE3

Deuteranopia (green-blind)

#7293DB

Tritanopia (blue-blind)

#EB5C8E

Achromatopsia (no color)

#8C8C8C

Design tokens & code

CSS

--color: #e347df;
/* rgb */ color: rgb(227, 71, 223);
/* oklch */ color: oklch(67.2% 0.250 329.0);

Tailwind

colors: {
  custom: {
    50: '#f087e9',
    500: '#e347df',
    950: '#000000',
  },
}

SCSS

$custom: #e347df;
$custom-light: #f087e9;
$custom-dark: #000000;

JSON

{
  "hex": "#e347df",
  "rgb": {
    "r": 227,
    "g": 71,
    "b": 223
  },
  "hsl": {
    "h": 301.538,
    "s": 73.585,
    "l": 58.431
  },
  "oklch": {
    "l": 0.67243,
    "c": 0.2501,
    "h": 329
  },
  "luminance": 0.26165
}

Semantic roles & 50–950 ramp

primary

#E347DF

secondary

#A4E2A6

accent

#F03C38

background

#FFF8FE

surface

#FFF0FD

border

#D7CBD5

text

#170C16

muted

#857D84

Preview Lab

Preview with #E347DF

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

Preview Lab → · Contrast checker → · Palette generator →