#EA52AF#EA52AF

#EA52AF is a light, highly saturated pink. Relative luminance 0.266; OKLCH L 67.1% C 0.209 H 346.5°. Best body text is #000000 at 6.32:1 contrast (WCAG AA passes).

Color values

HEX	#EA52AF
RGB	rgb(234, 82, 175)
HSL	hsl(323, 78%, 62%)
HSV	hsv(323, 65%, 92%)
CMYK	cmyk(0%, 65%, 25.2%, 8.2%)
CIE-LAB	lab(58.63, 67.13, -18.45)
CIE-LCH	lch(58.63, 69.62, 344.63°)
OKLab	oklab(67.08% 0.203 -0.0487)
OKLCH	oklch(67.08% 0.209 346.5)
XYZ	xyz(44.6886, 26.6267, 43.3351)
Luminance	0.2662 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EA52AF #52EA8D

analogous

#D952EA #EA52AF #EA5263

triadic

#EA52AF #AFEA52 #52AFEA

tetradic

#EA52AF #EAD952 #52EA8D #5263EA

square

#EA52AF #EAD952 #52EA8D #5263EA

split-complementary

#EA52AF #63EA52 #52EAD9

monochromatic

#AD1572 #E31C96 #EA52AF #F189C8 #F7BFE1

Accessibility & contrast

On white

3.32

#EA52AF on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.32

#EA52AF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #EA52AF

6.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EA52AF	#FFFFFF	#000000	##000000
##EA52AF	1.00	3.32	6.32	6.32
#FFFFFF	3.32	1.00	21.00	21.00
#000000	6.32	21.00	1.00	1.00
##000000	6.32	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#647CB2

Deuteranopia (green-blind)

#9097AB

Tritanopia (blue-blind)

#F94F79

Achromatopsia (no color)

#8D8D8D

Design tokens & code

CSS

--color: #ea52af;
/* rgb */ color: rgb(234, 82, 175);
/* oklch */ color: oklch(67.1% 0.209 346.5);

Tailwind

colors: {
  custom: {
    50: '#f58cc7',
    500: '#ea52af',
    950: '#000000',
  },
}

SCSS

$custom: #ea52af;
$custom-light: #f58cc7;
$custom-dark: #000000;

JSON

{
  "hex": "#ea52af",
  "rgb": {
    "r": 234,
    "g": 82,
    "b": 175
  },
  "hsl": {
    "h": 323.289,
    "s": 78.351,
    "l": 61.961
  },
  "oklch": {
    "l": 0.67083,
    "c": 0.20876,
    "h": 346.5
  },
  "luminance": 0.26622
}

Semantic roles & 50–950 ramp

primary

#EA52AF

secondary

#B0E8C6

accent

#DB5C0B

background

#FFF9FC

surface

#FFF1F8

border

#D7CBD1

text

#180D13

muted

#867E82

Preview Lab

Preview with #EA52AF

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

Preview Lab → · Contrast checker → · Palette generator →