#EA9D99#EA9D99

#EA9D99 is a light, moderate red. Relative luminance 0.439; OKLCH L 77.1% C 0.093 H 22.7°. Best body text is #000000 at 9.78:1 contrast (WCAG AA passes).

Color values

HEX#EA9D99
RGBrgb(234, 157, 153)
HSLhsl(3, 66%, 76%)
HSVhsv(3, 35%, 92%)
CMYKcmyk(0%, 32.9%, 34.6%, 8.2%)
CIE-LABlab(72.17, 28.22, 13.87)
CIE-LCHlch(72.17, 31.45, 26.17°)
OKLaboklab(77.08% 0.0857 0.0359)
OKLCHoklch(77.08% 0.093 22.7)
XYZxyz(51.7403, 43.9099, 35.8811)
Luminance0.4391 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EA9D99 #99E6EA
analogous
#EA99BD #EA9D99 #EAC599
triadic
#EA9D99 #99EA9D #9D99EA
tetradic
#EA9D99 #BDEA99 #99E6EA #C599EA
square
#EA9D99 #BDEA99 #99E6EA #C599EA
split-complementary
#EA9D99 #99EAC5 #99BDEA
monochromatic
#D53B33 #E06C66 #EA9D99 #F4CECC #FAE7E6

Accessibility & contrast

On white

2.15
#EA9D99 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.78
#EA9D99 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EA9D99
9.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EA9D99#FFFFFF#000000##000000
##EA9D991.002.159.789.78
#FFFFFF2.151.0021.0021.00
#0000009.7821.001.001.00
##0000009.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#ACA898
Deuteranopia (green-blind)
#BFB798
Tritanopia (blue-blind)
#F9949C
Achromatopsia (no color)
#B1B1B1

Design tokens & code

CSS
--color: #ea9d99;
/* rgb */ color: rgb(234, 157, 153);
/* oklch */ color: oklch(77.1% 0.093 22.7);
Tailwind
colors: {
  custom: {
    50: '#f3bab7',
    500: '#ea9d99',
    950: '#000000',
  },
}
SCSS
$custom: #ea9d99;
$custom-light: #f3bab7;
$custom-dark: #000000;
JSON
{
  "hex": "#ea9d99",
  "rgb": {
    "r": 234,
    "g": 157,
    "b": 153
  },
  "hsl": {
    "h": 2.963,
    "s": 65.854,
    "l": 75.882
  },
  "oklch": {
    "l": 0.77081,
    "c": 0.09288,
    "h": 22.7
  },
  "luminance": 0.43906
}

Semantic roles & 50–950 ramp

primary
#EA9D99
secondary
#DAF0F1
accent
#C5CE18
background
#FFFBFB
surface
#FEF6F6
border
#D6D0D0
text
#171211
muted
#858180

Preview Lab

Preview with #EA9D99

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

Preview Lab → · Contrast checker → · Palette generator →

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