#E88B7D#E88B7D

#E88B7D is a light, moderate red. Relative luminance 0.371; OKLCH L 73.1% C 0.116 H 29.3°. Best body text is #000000 at 8.42:1 contrast (WCAG AA passes).

Color values

HEX#E88B7D
RGBrgb(232, 139, 125)
HSLhsl(8, 70%, 70%)
HSVhsv(8, 46%, 91%)
CMYKcmyk(0%, 40.1%, 46.1%, 9%)
CIE-LABlab(67.36, 33.88, 22.69)
CIE-LCHlch(67.36, 40.78, 33.81°)
OKLaboklab(73.14% 0.1013 0.0569)
OKLCHoklch(73.14% 0.116 29.3)
XYZxyz(46.2157, 37.1058, 24.1262)
Luminance0.3710 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E88B7D #7DDAE8
analogous
#E87DA5 #E88B7D #E8C07D
triadic
#E88B7D #7DE88B #8B7DE8
tetradic
#E88B7D #A5E87D #7DDAE8 #C07DE8
square
#E88B7D #A5E87D #7DDAE8 #C07DE8
split-complementary
#E88B7D #7DE8C0 #7DA5E8
monochromatic
#C73923 #DF5D49 #E88B7D #F1B9B1 #FAE8E5

Accessibility & contrast

On white

2.49
#E88B7D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.42
#E88B7D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E88B7D
8.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E88B7D#FFFFFF#000000##000000
##E88B7D1.002.498.428.42
#FFFFFF2.491.0021.0021.00
#0000008.4221.001.001.00
##0000008.4221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A0987C
Deuteranopia (green-blind)
#B7AB7C
Tritanopia (blue-blind)
#FA7E88
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #e88b7d;
/* rgb */ color: rgb(232, 139, 125);
/* oklch */ color: oklch(73.1% 0.116 29.3);
Tailwind
colors: {
  custom: {
    50: '#f3aea2',
    500: '#e88b7d',
    950: '#000000',
  },
}
SCSS
$custom: #e88b7d;
$custom-light: #f3aea2;
$custom-dark: #000000;
JSON
{
  "hex": "#e88b7d",
  "rgb": {
    "r": 232,
    "g": 139,
    "b": 125
  },
  "hsl": {
    "h": 7.85,
    "s": 69.935,
    "l": 70
  },
  "oklch": {
    "l": 0.73144,
    "c": 0.11621,
    "h": 29.3
  },
  "luminance": 0.37102
}

Semantic roles & 50–950 ramp

primary
#E88B7D
secondary
#D1EBEF
accent
#B9D214
background
#FFFAFA
surface
#FFF4F3
border
#D7CECD
text
#17100F
muted
#857F7F

Preview Lab

Preview with #E88B7D

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

Preview Lab → · Contrast checker → · Palette generator →

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