#EE56AE#EE56AE

#EE56AE is a light, highly saturated pink. Relative luminance 0.279; OKLCH L 68.0% C 0.206 H 348.2°. Best body text is #000000 at 6.58:1 contrast (WCAG AA passes).

Color values

HEX#EE56AE
RGBrgb(238, 86, 174)
HSLhsl(325, 82%, 64%)
HSVhsv(325, 64%, 93%)
CMYKcmyk(0%, 63.9%, 26.9%, 6.7%)
CIE-LABlab(59.79, 66.52, -16.04)
CIE-LCHlch(59.79, 68.43, 346.44°)
OKLaboklab(68.05% 0.2017 -0.0421)
OKLCHoklch(68.05% 0.206 348.2)
XYZxyz(46.2296, 27.8934, 42.9855)
Luminance0.2789 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EE56AE #56EE96
analogous
#E256EE #EE56AE #EE5662
triadic
#EE56AE #AEEE56 #56AEEE
tetradic
#EE56AE #EEE256 #56EE96 #5662EE
square
#EE56AE #EEE256 #56EE96 #5662EE
split-complementary
#EE56AE #62EE56 #56EEE2
monochromatic
#B71272 #E81E93 #EE56AE #F48EC9 #F9C5E3

Accessibility & contrast

On white

3.19
#EE56AE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.58
#EE56AE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #EE56AE
6.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EE56AE#FFFFFF#000000##000000
##EE56AE1.003.196.586.58
#FFFFFF3.191.0021.0021.00
#0000006.5821.001.001.00
##0000006.5821.001.001.00

Color blindness preview

Protanopia (red-blind)
#697FB1
Deuteranopia (green-blind)
#949AAA
Tritanopia (blue-blind)
#FE517B
Achromatopsia (no color)
#909090

Design tokens & code

CSS
--color: #ee56ae;
/* rgb */ color: rgb(238, 86, 174);
/* oklch */ color: oklch(68.0% 0.206 348.2);
Tailwind
colors: {
  custom: {
    50: '#f88fc6',
    500: '#ee56ae',
    950: '#000000',
  },
}
SCSS
$custom: #ee56ae;
$custom-light: #f88fc6;
$custom-dark: #000000;
JSON
{
  "hex": "#ee56ae",
  "rgb": {
    "r": 238,
    "g": 86,
    "b": 174
  },
  "hsl": {
    "h": 325.263,
    "s": 81.72,
    "l": 63.529
  },
  "oklch": {
    "l": 0.68049,
    "c": 0.20602,
    "h": 348.2
  },
  "luminance": 0.27889
}

Semantic roles & 50–950 ramp

primary
#EE56AE
secondary
#B5EBCC
accent
#DE6207
background
#FFF9FC
surface
#FFF1F8
border
#D7CBD1
text
#180D13
muted
#867E82

Preview Lab

Preview with #EE56AE

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

Preview Lab → · Contrast checker → · Palette generator →

#EE56AE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva