#EDAAAE#EDAAAE

#EDAAAE is a light, moderate red. Relative luminance 0.498; OKLCH L 80.2% C 0.079 H 15.0°. Best body text is #000000 at 10.96:1 contrast (WCAG AA passes).

Color values

HEX#EDAAAE
RGBrgb(237, 170, 174)
HSLhsl(356, 65%, 80%)
HSVhsv(356, 28%, 93%)
CMYKcmyk(0%, 28.3%, 26.6%, 7.1%)
CIE-LABlab(75.95, 25.15, 7.77)
CIE-LCHlch(75.95, 26.32, 17.16°)
OKLaboklab(80.23% 0.0765 0.0205)
OKLCHoklch(80.23% 0.079 15)
XYZxyz(56.9409, 49.8132, 46.6519)
Luminance0.4981 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EDAAAE #AAEDE9
analogous
#EDAAD0 #EDAAAE #EDC8AA
triadic
#EDAAAE #AEEDAA #AAAEED
tetradic
#EDAAAE #D0EDAA #AAEDE9 #C8AAED
square
#EDAAAE #D0EDAA #AAEDE9 #C8AAED
split-complementary
#EDAAAE #AAEDC8 #AAD0ED
monochromatic
#D8454E #E2777E #EDAAAE #F8DDDE #FAE6E7

Accessibility & contrast

On white

1.92
#EDAAAE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.96
#EDAAAE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDAAAE
10.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EDAAAE#FFFFFF#000000##000000
##EDAAAE1.001.9210.9610.96
#FFFFFF1.921.0021.0021.00
#00000010.9621.001.001.00
##00000010.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6B4AE
Deuteranopia (green-blind)
#C5C0AD
Tritanopia (blue-blind)
#FAA4AC
Achromatopsia (no color)
#BBBBBB

Design tokens & code

CSS
--color: #edaaae;
/* rgb */ color: rgb(237, 170, 174);
/* oklch */ color: oklch(80.2% 0.079 15.0);
Tailwind
colors: {
  custom: {
    50: '#f4c3c6',
    500: '#edaaae',
    950: '#000000',
  },
}
SCSS
$custom: #edaaae;
$custom-light: #f4c3c6;
$custom-dark: #000000;
JSON
{
  "hex": "#edaaae",
  "rgb": {
    "r": 237,
    "g": 170,
    "b": 174
  },
  "hsl": {
    "h": 356.418,
    "s": 65.049,
    "l": 79.804
  },
  "oklch": {
    "l": 0.80231,
    "c": 0.07917,
    "h": 15
  },
  "luminance": 0.4981
}

Semantic roles & 50–950 ramp

primary
#EDAAAE
secondary
#DAF1F0
accent
#CDC219
background
#FFFCFC
surface
#FEF8F8
border
#D6D1D1
text
#171213
muted
#858182

Preview Lab

Preview with #EDAAAE

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

Preview Lab → · Contrast checker → · Palette generator →

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