#DE7DA8#DE7DA8

#DE7DA8 is a light, vivid pink. Relative luminance 0.330; OKLCH L 70.8% C 0.129 H 352.9°. Best body text is #000000 at 7.60:1 contrast (WCAG AA passes).

Color values

HEX#DE7DA8
RGBrgb(222, 125, 168)
HSLhsl(333, 60%, 68%)
HSVhsv(333, 44%, 87%)
CMYKcmyk(0%, 43.7%, 24.3%, 12.9%)
CIE-LABlab(64.18, 42.71, -6.26)
CIE-LCHlch(64.18, 43.17, 351.67°)
OKLaboklab(70.8% 0.1285 -0.016)
OKLCHoklch(70.8% 0.129 352.9)
XYZxyz(44.5269, 33.0273, 41.0679)
Luminance0.3302 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DE7DA8 #7DDEB3
analogous
#DE7DD8 #DE7DA8 #DE827D
triadic
#DE7DA8 #A8DE7D #7DA8DE
tetradic
#DE7DA8 #D8DE7D #7DDEB3 #827DDE
square
#DE7DA8 #D8DE7D #7DDEB3 #827DDE
split-complementary
#DE7DA8 #7DDE82 #7DD8DE
monochromatic
#B32D69 #D24C87 #DE7DA8 #EAAEC9 #F7DFE9

Accessibility & contrast

On white

2.76
#DE7DA8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.60
#DE7DA8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DE7DA8
7.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DE7DA8#FFFFFF#000000##000000
##DE7DA81.002.767.607.60
#FFFFFF2.761.0021.0021.00
#0000007.6021.001.001.00
##0000007.6021.001.001.00

Color blindness preview

Protanopia (red-blind)
#8891A9
Deuteranopia (green-blind)
#A1A2A6
Tritanopia (blue-blind)
#EB798C
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #de7da8;
/* rgb */ color: rgb(222, 125, 168);
/* oklch */ color: oklch(70.8% 0.129 352.9);
Tailwind
colors: {
  custom: {
    50: '#eaa5c1',
    500: '#de7da8',
    950: '#000000',
  },
}
SCSS
$custom: #de7da8;
$custom-light: #eaa5c1;
$custom-dark: #000000;
JSON
{
  "hex": "#de7da8",
  "rgb": {
    "r": 222,
    "g": 125,
    "b": 168
  },
  "hsl": {
    "h": 333.402,
    "s": 59.509,
    "l": 68.039
  },
  "oklch": {
    "l": 0.70805,
    "c": 0.12947,
    "h": 352.9
  },
  "luminance": 0.33024
}

Semantic roles & 50–950 ramp

primary
#DE7DA8
secondary
#CDEADD
accent
#C77C1E
background
#FEFAFB
surface
#FDF4F7
border
#D5CED0
text
#160F12
muted
#847F81

Preview Lab

Preview with #DE7DA8

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

Preview Lab → · Contrast checker → · Palette generator →

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