#D87992#D87992

#D87992 is a light, vivid pink. Relative luminance 0.303; OKLCH L 68.8% C 0.121 H 3.9°. Best body text is #000000 at 7.07:1 contrast (WCAG AA passes).

Color values

HEX#D87992
RGBrgb(216, 121, 146)
HSLhsl(344, 55%, 66%)
HSVhsv(344, 44%, 85%)
CMYKcmyk(0%, 44%, 32.4%, 15.3%)
CIE-LABlab(61.96, 39.75, 2.95)
CIE-LCHlch(61.96, 39.86, 4.24°)
OKLaboklab(68.75% 0.1206 0.0082)
OKLCHoklch(68.75% 0.121 3.9)
XYZxyz(40.3462, 30.3524, 30.9222)
Luminance0.3035 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D87992 #79D8BF
analogous
#D879C1 #D87992 #D88F79
triadic
#D87992 #92D879 #7992D8
tetradic
#D87992 #C1D879 #79D8BF #8F79D8
square
#D87992 #C1D879 #79D8BF #8F79D8
split-complementary
#D87992 #79D88F #79C1D8
monochromatic
#A6304F #CA4A6B #D87992 #E6A8B9 #F4D8DF

Accessibility & contrast

On white

2.97
#D87992 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.07
#D87992 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D87992
7.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D87992#FFFFFF#000000##000000
##D879921.002.977.077.07
#FFFFFF2.971.0021.0021.00
#0000007.0721.001.001.00
##0000007.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#888B93
Deuteranopia (green-blind)
#A09C90
Tritanopia (blue-blind)
#E77182
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #d87992;
/* rgb */ color: rgb(216, 121, 146);
/* oklch */ color: oklch(68.8% 0.121 3.9);
Tailwind
colors: {
  custom: {
    50: '#e6a1b1',
    500: '#d87992',
    950: '#000000',
  },
}
SCSS
$custom: #d87992;
$custom-light: #e6a1b1;
$custom-dark: #000000;
JSON
{
  "hex": "#d87992",
  "rgb": {
    "r": 216,
    "g": 121,
    "b": 146
  },
  "hsl": {
    "h": 344.211,
    "s": 54.913,
    "l": 66.078
  },
  "oklch": {
    "l": 0.68751,
    "c": 0.12083,
    "h": 3.9
  },
  "luminance": 0.30349
}

Semantic roles & 50–950 ramp

primary
#D87992
secondary
#C7E6DE
accent
#C29823
background
#FEFAFA
surface
#FDF4F5
border
#D5CECF
text
#160F10
muted
#847F7F

Preview Lab

Preview with #D87992

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

Preview Lab → · Contrast checker → · Palette generator →

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