#DE8088#DE8088

#DE8088 is a light, moderate red. Relative luminance 0.327; OKLCH L 70.4% C 0.116 H 15.0°. Best body text is #000000 at 7.55:1 contrast (WCAG AA passes).

Color values

HEX#DE8088
RGBrgb(222, 128, 136)
HSLhsl(355, 59%, 69%)
HSVhsv(355, 42%, 87%)
CMYKcmyk(0%, 42.3%, 38.7%, 12.9%)
CIE-LABlab(63.96, 37.07, 11.62)
CIE-LCHlch(63.96, 38.84, 17.40°)
OKLaboklab(70.35% 0.1122 0.0302)
OKLCHoklch(70.35% 0.116 15)
XYZxyz(42.2894, 32.7492, 27.3818)
Luminance0.3275 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DE8088 #80DED6
analogous
#DE80B7 #DE8088 #DEA780
triadic
#DE8088 #88DE80 #8088DE
tetradic
#DE8088 #B7DE80 #80DED6 #A780DE
square
#DE8088 #B7DE80 #80DED6 #A780DE
split-complementary
#DE8088 #80DEA7 #80B7DE
monochromatic
#B52F3A #D14F5A #DE8088 #EBB1B6 #F7E1E3

Accessibility & contrast

On white

2.78
#DE8088 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.55
#DE8088 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DE8088
7.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DE8088#FFFFFF#000000##000000
##DE80881.002.787.557.55
#FFFFFF2.781.0021.0021.00
#0000007.5521.001.001.00
##0000007.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#929088
Deuteranopia (green-blind)
#A9A286
Tritanopia (blue-blind)
#EE7683
Achromatopsia (no color)
#9B9B9B

Design tokens & code

CSS
--color: #de8088;
/* rgb */ color: rgb(222, 128, 136);
/* oklch */ color: oklch(70.4% 0.116 15.0);
Tailwind
colors: {
  custom: {
    50: '#eba6aa',
    500: '#de8088',
    950: '#000000',
  },
}
SCSS
$custom: #de8088;
$custom-light: #eba6aa;
$custom-dark: #000000;
JSON
{
  "hex": "#de8088",
  "rgb": {
    "r": 222,
    "g": 128,
    "b": 136
  },
  "hsl": {
    "h": 354.894,
    "s": 58.75,
    "l": 68.627
  },
  "oklch": {
    "l": 0.70353,
    "c": 0.11621,
    "h": 15
  },
  "luminance": 0.32746
}

Semantic roles & 50–950 ramp

primary
#DE8088
secondary
#CFEBE9
accent
#C6B81F
background
#FEFAFA
surface
#FDF4F4
border
#D5CECE
text
#170F10
muted
#857F7F

Preview Lab

Preview with #DE8088

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

Preview Lab → · Contrast checker → · Palette generator →

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