#DB31CD#DB31CD

#DB31CD is a light, highly saturated purple. Relative luminance 0.217; OKLCH L 63.5% C 0.255 H 331.9°. Best body text is #000000 at 5.33:1 contrast (WCAG AA passes).

Color values

HEX#DB31CD
RGBrgb(219, 49, 205)
HSLhsl(305, 70%, 53%)
HSVhsv(305, 78%, 86%)
CMYKcmyk(0%, 77.6%, 6.4%, 14.1%)
CIE-LABlab(53.67, 78.49, -43.62)
CIE-LCHlch(53.67, 89.80, 330.94°)
OKLaboklab(63.46% 0.2251 -0.1201)
OKLCHoklch(63.46% 0.255 331.9)
XYZxyz(41.3313, 21.6680, 59.7513)
Luminance0.2166 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DB31CD #31DB3F
analogous
#9431DB #DB31CD #DB3178
triadic
#DB31CD #CDDB31 #31CDDB
tetradic
#DB31CD #DB9431 #31DB3F #3178DB
square
#DB31CD #DB9431 #31DB3F #3178DB
split-complementary
#DB31CD #78DB31 #31DB94
monochromatic
#7C1674 #B01FA4 #DB31CD #E465DA #ED99E6

Accessibility & contrast

On white

3.94
#DB31CD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.33
#DB31CD on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DB31CD
5.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DB31CD#FFFFFF#000000##000000
##DB31CD1.003.945.335.33
#FFFFFF3.941.0021.0021.00
#0000005.3321.001.001.00
##0000005.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#2171D1
Deuteranopia (green-blind)
#6B88C9
Tritanopia (blue-blind)
#E4477E
Achromatopsia (no color)
#808080

Design tokens & code

CSS
--color: #db31cd;
/* rgb */ color: rgb(219, 49, 205);
/* oklch */ color: oklch(63.5% 0.255 331.9);
Tailwind
colors: {
  custom: {
    50: '#eb7ddd',
    500: '#db31cd',
    950: '#000000',
  },
}
SCSS
$custom: #db31cd;
$custom-light: #eb7ddd;
$custom-dark: #000000;
JSON
{
  "hex": "#db31cd",
  "rgb": {
    "r": 219,
    "g": 49,
    "b": 205
  },
  "hsl": {
    "h": 304.941,
    "s": 70.248,
    "l": 52.549
  },
  "oklch": {
    "l": 0.63457,
    "c": 0.25519,
    "h": 331.9
  },
  "luminance": 0.21664
}

Semantic roles & 50–950 ramp

primary
#DB31CD
secondary
#8FD995
accent
#ED493B
background
#FEF8FD
surface
#FDEFFB
border
#D5CAD4
text
#170B15
muted
#857C83

Preview Lab

Preview with #DB31CD

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

Preview Lab → · Contrast checker → · Palette generator →

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