#EAADA4#EAADA4

#EAADA4 is a light, moderate red. Relative luminance 0.501; OKLCH L 80.2% C 0.073 H 28.3°. Best body text is #000000 at 11.01:1 contrast (WCAG AA passes).

Color values

HEX#EAADA4
RGBrgb(234, 173, 164)
HSLhsl(8, 63%, 78%)
HSVhsv(8, 30%, 92%)
CMYKcmyk(0%, 26.1%, 29.9%, 8.2%)
CIE-LABlab(76.11, 21.09, 13.39)
CIE-LCHlch(76.11, 24.98, 32.41°)
OKLaboklab(80.2% 0.0645 0.0347)
OKLCHoklch(80.2% 0.073 28.3)
XYZxyz(55.5774, 50.0630, 41.8505)
Luminance0.5006 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAADA4 #A4E1EA
analogous
#EAA4BE #EAADA4 #EAD0A4
triadic
#EAADA4 #A4EAAD #ADA4EA
tetradic
#EAADA4 #BEEAA4 #A4E1EA #D0A4EA
square
#EAADA4 #BEEAA4 #A4E1EA #D0A4EA
split-complementary
#EAADA4 #A4EAD0 #A4BEEA
monochromatic
#D35341 #DF8072 #EAADA4 #F5DAD6 #F9E9E6

Accessibility & contrast

On white

1.91
#EAADA4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.01
#EAADA4 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAADA4
11.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAADA4#FFFFFF#000000##000000
##EAADA41.001.9111.0111.01
#FFFFFF1.911.0021.0021.00
#00000011.0121.001.001.00
##00000011.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#BAB5A3
Deuteranopia (green-blind)
#C8C0A3
Tritanopia (blue-blind)
#F8A6AB
Achromatopsia (no color)
#BCBCBC

Design tokens & code

CSS
--color: #eaada4;
/* rgb */ color: rgb(234, 173, 164);
/* oklch */ color: oklch(80.2% 0.073 28.3);
Tailwind
colors: {
  custom: {
    50: '#f2c5bf',
    500: '#eaada4',
    950: '#000000',
  },
}
SCSS
$custom: #eaada4;
$custom-light: #f2c5bf;
$custom-dark: #000000;
JSON
{
  "hex": "#eaada4",
  "rgb": {
    "r": 234,
    "g": 173,
    "b": 164
  },
  "hsl": {
    "h": 7.714,
    "s": 62.5,
    "l": 78.039
  },
  "oklch": {
    "l": 0.80203,
    "c": 0.07329,
    "h": 28.3
  },
  "luminance": 0.5006
}

Semantic roles & 50–950 ramp

primary
#EAADA4
secondary
#6DBAC6
accent
#B4CA1B
background
#FFFDFD
surface
#FEF9F8
border
#D6D2D1
text
#171312
muted
#858282

Preview Lab

Preview with #EAADA4

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

Preview Lab → · Contrast checker → · Palette generator →

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