#DF2EE0#DF2EE0

#DF2EE0 is a light, highly saturated purple. Relative luminance 0.230; OKLCH L 64.9% C 0.272 H 327.9°. Best body text is #000000 at 5.60:1 contrast (WCAG AA passes).

Color values

HEX#DF2EE0
RGBrgb(223, 46, 224)
HSLhsl(300, 74%, 53%)
HSVhsv(300, 79%, 88%)
CMYKcmyk(0.4%, 79.5%, 0%, 12.2%)
CIE-LABlab(55.10, 82.83, -52.13)
CIE-LCHlch(55.10, 97.87, 327.82°)
OKLaboklab(64.93% 0.2308 -0.1447)
OKLCHoklch(64.93% 0.272 327.9)
XYZxyz(44.8624, 23.0272, 72.5884)
Luminance0.2302 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DF2EE0 #2FE02E
analogous
#862EE0 #DF2EE0 #E02E88
triadic
#DF2EE0 #E0DF2E #2EE0DF
tetradic
#DF2EE0 #E0862E #2FE02E #2E88E0
square
#DF2EE0 #E0862E #2FE02E #2E88E0
split-complementary
#DF2EE0 #88E02E #2EE086
monochromatic
#801381 #B51BB6 #DF2EE0 #E763E8 #EF99F0

Accessibility & contrast

On white

3.75
#DF2EE0 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.60
#DF2EE0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DF2EE0
5.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DF2EE0#FFFFFF#000000##000000
##DF2EE01.003.755.605.60
#FFFFFF3.751.0021.0021.00
#0000005.6021.001.001.00
##0000005.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#0076E5
Deuteranopia (green-blind)
#638CDC
Tritanopia (blue-blind)
#E64F89
Achromatopsia (no color)
#848484

Design tokens & code

CSS
--color: #df2ee0;
/* rgb */ color: rgb(223, 46, 224);
/* oklch */ color: oklch(64.9% 0.272 327.9);
Tailwind
colors: {
  custom: {
    50: '#ee7dea',
    500: '#df2ee0',
    950: '#000000',
  },
}
SCSS
$custom: #df2ee0;
$custom-light: #ee7dea;
$custom-dark: #000000;
JSON
{
  "hex": "#df2ee0",
  "rgb": {
    "r": 223,
    "g": 46,
    "b": 224
  },
  "hsl": {
    "h": 299.663,
    "s": 74.167,
    "l": 52.941
  },
  "oklch": {
    "l": 0.64927,
    "c": 0.27246,
    "h": 327.9
  },
  "luminance": 0.23024
}

Semantic roles & 50–950 ramp

primary
#DF2EE0
secondary
#8FDB8E
accent
#F13738
background
#FFF8FE
surface
#FFEFFD
border
#D7CAD5
text
#170B16
muted
#857C84

Preview Lab

Preview with #DF2EE0

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

Preview Lab → · Contrast checker → · Palette generator →

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