#EDA99D#EDA99D

#EDA99D is a light, moderate red. Relative luminance 0.488; OKLCH L 79.6% C 0.083 H 30.2°. Best body text is #000000 at 10.76:1 contrast (WCAG AA passes).

Color values

HEX#EDA99D
RGBrgb(237, 169, 157)
HSLhsl(9, 69%, 77%)
HSVhsv(9, 34%, 93%)
CMYKcmyk(0%, 28.7%, 33.8%, 7.1%)
CIE-LABlab(75.34, 23.46, 16.17)
CIE-LCHlch(75.34, 28.49, 34.57°)
OKLaboklab(79.63% 0.0715 0.0416)
OKLCHoklch(79.63% 0.083 30.2)
XYZxyz(55.2005, 48.8182, 38.4071)
Luminance0.4881 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EDA99D #9DE1ED
analogous
#ED9DB9 #EDA99D #EDD19D
triadic
#EDA99D #9DEDA9 #A99DED
tetradic
#EDA99D #B9ED9D #9DE1ED #D19DED
square
#EDA99D #B9ED9D #9DE1ED #D19DED
split-complementary
#EDA99D #9DEDD1 #9DB9ED
monochromatic
#DA4E36 #E47C69 #EDA99D #F6D6D1 #FAE8E5

Accessibility & contrast

On white

1.95
#EDA99D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.76
#EDA99D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDA99D
10.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EDA99D#FFFFFF#000000##000000
##EDA99D1.001.9510.7610.76
#FFFFFF1.951.0021.0021.00
#00000010.7621.001.001.00
##00000010.7621.001.001.00

Color blindness preview

Protanopia (red-blind)
#B8B19C
Deuteranopia (green-blind)
#C8BF9C
Tritanopia (blue-blind)
#FCA0A6
Achromatopsia (no color)
#BABABA

Design tokens & code

CSS
--color: #eda99d;
/* rgb */ color: rgb(237, 169, 157);
/* oklch */ color: oklch(79.6% 0.083 30.2);
Tailwind
colors: {
  custom: {
    50: '#f4c3ba',
    500: '#eda99d',
    950: '#000000',
  },
}
SCSS
$custom: #eda99d;
$custom-light: #f4c3ba;
$custom-dark: #000000;
JSON
{
  "hex": "#eda99d",
  "rgb": {
    "r": 237,
    "g": 169,
    "b": 157
  },
  "hsl": {
    "h": 9,
    "s": 68.966,
    "l": 77.255
  },
  "oklch": {
    "l": 0.79628,
    "c": 0.0827,
    "h": 30.2
  },
  "luminance": 0.48815
}

Semantic roles & 50–950 ramp

primary
#EDA99D
secondary
#D9EEF2
accent
#B5D115
background
#FFFCFB
surface
#FFF8F6
border
#D7D1D0
text
#171211
muted
#858180

Preview Lab

Preview with #EDA99D

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

Preview Lab → · Contrast checker → · Palette generator →

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