#D06DBF#D06DBF

#D06DBF is a light, vivid pink. Relative luminance 0.281; OKLCH L 67.5% C 0.160 H 334.0°. Best body text is #000000 at 6.62:1 contrast (WCAG AA passes).

Color values

HEX#D06DBF
RGBrgb(208, 109, 191)
HSLhsl(310, 51%, 62%)
HSVhsv(310, 48%, 82%)
CMYKcmyk(0%, 47.6%, 8.2%, 18.4%)
CIE-LABlab(59.99, 49.90, -25.87)
CIE-LCHlch(59.99, 56.20, 332.60°)
OKLaboklab(67.54% 0.1435 -0.07)
OKLCHoklch(67.54% 0.16 334)
XYZxyz(40.8850, 28.1113, 52.5527)
Luminance0.2811 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D06DBF #6DD07E
analogous
#B06DD0 #D06DBF #D06D8E
triadic
#D06DBF #BFD06D #6DBFD0
tetradic
#D06DBF #D0B06D #6DD07E #6D8ED0
square
#D06DBF #D0B06D #6DD07E #6D8ED0
split-complementary
#D06DBF #8ED06D #6DD0B0
monochromatic
#932F82 #C13FAB #D06DBF #DF9BD3 #EECAE8

Accessibility & contrast

On white

3.17
#D06DBF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.62
#D06DBF on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #D06DBF
6.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D06DBF#FFFFFF#000000##000000
##D06DBF1.003.176.626.62
#FFFFFF3.171.0021.0021.00
#0000006.6221.001.001.00
##0000006.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#6C87C2
Deuteranopia (green-blind)
#8896BC
Tritanopia (blue-blind)
#D8728D
Achromatopsia (no color)
#919191

Design tokens & code

CSS
--color: #d06dbf;
/* rgb */ color: rgb(208, 109, 191);
/* oklch */ color: oklch(67.5% 0.160 334.0);
Tailwind
colors: {
  custom: {
    50: '#e09ad2',
    500: '#d06dbf',
    950: '#000000',
  },
}
SCSS
$custom: #d06dbf;
$custom-light: #e09ad2;
$custom-dark: #000000;
JSON
{
  "hex": "#d06dbf",
  "rgb": {
    "r": 208,
    "g": 109,
    "b": 191
  },
  "hsl": {
    "h": 310.303,
    "s": 51.295,
    "l": 62.157
  },
  "oklch": {
    "l": 0.6754,
    "c": 0.15968,
    "h": 334
  },
  "luminance": 0.28109
}

Semantic roles & 50–950 ramp

primary
#D06DBF
secondary
#BADFC0
accent
#BF4127
background
#FEF9FC
surface
#FCF2F9
border
#D5CCD2
text
#150E14
muted
#847E82

Preview Lab

Preview with #D06DBF

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

Preview Lab → · Contrast checker → · Palette generator →

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