#DD5AEE#DD5AEE

#DD5AEE is a light, highly saturated purple. Relative luminance 0.289; OKLCH L 69.1% C 0.236 H 322.9°. Best body text is #000000 at 6.77:1 contrast (WCAG AA passes).

Color values

HEX#DD5AEE
RGBrgb(221, 90, 238)
HSLhsl(293, 81%, 64%)
HSVhsv(293, 62%, 93%)
CMYKcmyk(7.1%, 62.2%, 0%, 6.7%)
CIE-LABlab(60.66, 70.24, -51.16)
CIE-LCHlch(60.66, 86.90, 323.93°)
OKLaboklab(69.09% 0.1883 -0.1423)
OKLCHoklch(69.09% 0.236 322.9)
XYZxyz(48.9061, 28.8602, 83.8669)
Luminance0.2886 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DD5AEE #6BEE5A
analogous
#935AEE #DD5AEE #EE5AB5
triadic
#DD5AEE #EEDD5A #5AEEDD
tetradic
#DD5AEE #EE935A #6BEE5A #5AB5EE
square
#DD5AEE #EE935A #6BEE5A #5AB5EE
split-complementary
#DD5AEE #B5EE5A #5AEE93
monochromatic
#A713BA #D223E8 #DD5AEE #E891F4 #F4C9F9

Accessibility & contrast

On white

3.10
#DD5AEE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.77
#DD5AEE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD5AEE
6.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DD5AEE#FFFFFF#000000##000000
##DD5AEE1.003.106.776.77
#FFFFFF3.101.0021.0021.00
#0000006.7721.001.001.00
##0000006.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#3A88F2
Deuteranopia (green-blind)
#6F98EA
Tritanopia (blue-blind)
#E0719C
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #dd5aee;
/* rgb */ color: rgb(221, 90, 238);
/* oklch */ color: oklch(69.1% 0.236 322.9);
Tailwind
colors: {
  custom: {
    50: '#eb91f4',
    500: '#dd5aee',
    950: '#000000',
  },
}
SCSS
$custom: #dd5aee;
$custom-light: #eb91f4;
$custom-dark: #000000;
JSON
{
  "hex": "#dd5aee",
  "rgb": {
    "r": 221,
    "g": 90,
    "b": 238
  },
  "hsl": {
    "h": 293.108,
    "s": 81.319,
    "l": 64.314
  },
  "oklch": {
    "l": 0.69094,
    "c": 0.23604,
    "h": 322.9
  },
  "luminance": 0.28858
}

Semantic roles & 50–950 ramp

primary
#DD5AEE
secondary
#BEECB8
accent
#DE0820
background
#FEF9FE
surface
#FDF2FD
border
#D5CCD5
text
#170D17
muted
#857E85

Preview Lab

Preview with #DD5AEE

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

Preview Lab → · Contrast checker → · Palette generator →

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