#E14ADF#E14ADF

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

Color values

HEX#E14ADF
RGBrgb(225, 74, 223)
HSLhsl(301, 72%, 59%)
HSVhsv(301, 67%, 88%)
CMYKcmyk(0%, 67.1%, 0.9%, 11.8%)
CIE-LABlab(58.26, 74.79, -46.53)
CIE-LCHlch(58.26, 88.08, 328.12°)
OKLaboklab(67.23% 0.2094 -0.1286)
OKLCHoklch(67.23% 0.246 328.4)
XYZxyz(46.8189, 26.2361, 72.3959)
Luminance0.2623 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E14ADF #4AE14C
analogous
#974AE1 #E14ADF #E14A93
triadic
#E14ADF #DFE14A #4ADFE1
tetradic
#E14ADF #E1974A #4AE14C #4A93E1
square
#E14ADF #E1974A #4AE14C #4A93E1
split-complementary
#E14ADF #93E14A #4AE197
monochromatic
#971996 #CC22CA #E14ADF #EA7EE8 #F2B3F2

Accessibility & contrast

On white

3.36
#E14ADF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.25
#E14ADF on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #E14ADF
6.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E14ADF#FFFFFF#000000##000000
##E14ADF1.003.366.256.25
#FFFFFF3.361.0021.0021.00
#0000006.2521.001.001.00
##0000006.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#357FE3
Deuteranopia (green-blind)
#7293DB
Tritanopia (blue-blind)
#E85F8F
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #e14adf;
/* rgb */ color: rgb(225, 74, 223);
/* oklch */ color: oklch(67.2% 0.246 328.4);
Tailwind
colors: {
  custom: {
    50: '#ee89e9',
    500: '#e14adf',
    950: '#000000',
  },
}
SCSS
$custom: #e14adf;
$custom-light: #ee89e9;
$custom-dark: #000000;
JSON
{
  "hex": "#e14adf",
  "rgb": {
    "r": 225,
    "g": 74,
    "b": 223
  },
  "hsl": {
    "h": 300.795,
    "s": 71.564,
    "l": 58.627
  },
  "oklch": {
    "l": 0.67229,
    "c": 0.24571,
    "h": 328.4
  },
  "luminance": 0.26233
}

Semantic roles & 50–950 ramp

primary
#E14ADF
secondary
#A6E1A6
accent
#EE3C39
background
#FFF8FE
surface
#FEF0FD
border
#D6CBD5
text
#170D16
muted
#857D84

Preview Lab

Preview with #E14ADF

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

Preview Lab → · Contrast checker → · Palette generator →

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