#D67CD9#D67CD9

#D67CD9 is a light, vivid purple. Relative luminance 0.337; OKLCH L 71.6% C 0.162 H 325.9°. Best body text is #000000 at 7.74:1 contrast (WCAG AA passes).

Color values

HEX#D67CD9
RGBrgb(214, 124, 217)
HSLhsl(298, 55%, 67%)
HSVhsv(298, 43%, 85%)
CMYKcmyk(1.4%, 42.9%, 0%, 14.9%)
CIE-LABlab(64.74, 48.65, -33.11)
CIE-LCHlch(64.74, 58.85, 325.77°)
OKLaboklab(71.59% 0.134 -0.0906)
OKLCHoklch(71.59% 0.162 325.9)
XYZxyz(47.4626, 33.7234, 69.6414)
Luminance0.3372 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D67CD9 #7FD97C
analogous
#A87CD9 #D67CD9 #D97CAD
triadic
#D67CD9 #D9D67C #7CD9D6
tetradic
#D67CD9 #D9A87C #7FD97C #7CADD9
square
#D67CD9 #D9A87C #7FD97C #7CADD9
split-complementary
#D67CD9 #ADD97C #7CD9A8
monochromatic
#A631A9 #C74DCB #D67CD9 #E5ABE7 #F4DBF5

Accessibility & contrast

On white

2.71
#D67CD9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.74
#D67CD9 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D67CD9
7.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D67CD9#FFFFFF#000000##000000
##D67CD91.002.717.747.74
#FFFFFF2.711.0021.0021.00
#0000007.7421.001.001.00
##0000007.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#7396DC
Deuteranopia (green-blind)
#8CA1D6
Tritanopia (blue-blind)
#DB86A0
Achromatopsia (no color)
#9D9D9D

Design tokens & code

CSS
--color: #d67cd9;
/* rgb */ color: rgb(214, 124, 217);
/* oklch */ color: oklch(71.6% 0.162 325.9);
Tailwind
colors: {
  custom: {
    50: '#e4a4e5',
    500: '#d67cd9',
    950: '#000000',
  },
}
SCSS
$custom: #d67cd9;
$custom-light: #e4a4e5;
$custom-dark: #000000;
JSON
{
  "hex": "#d67cd9",
  "rgb": {
    "r": 214,
    "g": 124,
    "b": 217
  },
  "hsl": {
    "h": 298.065,
    "s": 55.03,
    "l": 66.863
  },
  "oklch": {
    "l": 0.71591,
    "c": 0.1618,
    "h": 325.9
  },
  "luminance": 0.33721
}

Semantic roles & 50–950 ramp

primary
#D67CD9
secondary
#CAE7CA
accent
#C32328
background
#FEFAFE
surface
#FCF4FC
border
#D5CED5
text
#160F15
muted
#847F84

Preview Lab

Preview with #D67CD9

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

Preview Lab → · Contrast checker → · Palette generator →

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