#E56ADF#E56ADF

#E56ADF is a light, highly saturated purple. Relative luminance 0.323; OKLCH L 71.2% C 0.205 H 329.4°. Best body text is #000000 at 7.46:1 contrast (WCAG AA passes).

Color values

HEX#E56ADF
RGBrgb(229, 106, 223)
HSLhsl(303, 70%, 66%)
HSVhsv(303, 54%, 90%)
CMYKcmyk(0%, 53.7%, 2.6%, 10.2%)
CIE-LABlab(63.59, 62.68, -38.11)
CIE-LCHlch(63.59, 73.36, 328.70°)
OKLaboklab(71.22% 0.1764 -0.1045)
OKLCHoklch(71.22% 0.205 329.4)
XYZxyz(50.7859, 32.2970, 73.3567)
Luminance0.3229 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E56ADF #6AE570
analogous
#AD6AE5 #E56ADF #E56AA1
triadic
#E56ADF #DFE56A #6ADFE5
tetradic
#E56ADF #E5AD6A #6AE570 #6AA1E5
square
#E56ADF #E5AD6A #6AE570 #6AA1E5
split-complementary
#E56ADF #A1E56A #6AE5AD
monochromatic
#B520AE #DC36D4 #E56ADF #EE9EEA #F7D2F5

Accessibility & contrast

On white

2.82
#E56ADF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.46
#E56ADF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E56ADF
7.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E56ADF#FFFFFF#000000##000000
##E56ADF1.002.827.467.46
#FFFFFF2.821.0021.0021.00
#0000007.4621.001.001.00
##0000007.4621.001.001.00

Color blindness preview

Protanopia (red-blind)
#618FE3
Deuteranopia (green-blind)
#87A0DB
Tritanopia (blue-blind)
#EC769B
Achromatopsia (no color)
#9A9A9A

Design tokens & code

CSS
--color: #e56adf;
/* rgb */ color: rgb(229, 106, 223);
/* oklch */ color: oklch(71.2% 0.205 329.4);
Tailwind
colors: {
  custom: {
    50: '#f09ae9',
    500: '#e56adf',
    950: '#000000',
  },
}
SCSS
$custom: #e56adf;
$custom-light: #f09ae9;
$custom-dark: #000000;
JSON
{
  "hex": "#e56adf",
  "rgb": {
    "r": 229,
    "g": 106,
    "b": 223
  },
  "hsl": {
    "h": 302.927,
    "s": 70.286,
    "l": 65.686
  },
  "oklch": {
    "l": 0.71222,
    "c": 0.20504,
    "h": 329.4
  },
  "luminance": 0.32294
}

Semantic roles & 50–950 ramp

primary
#E56ADF
secondary
#C1EAC3
accent
#D21D13
background
#FFF9FE
surface
#FEF2FD
border
#D6CCD5
text
#170E16
muted
#857E84

Preview Lab

Preview with #E56ADF

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

Preview Lab → · Contrast checker → · Palette generator →

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