#EDA8A5#EDA8A5

#EDA8A5 is a light, moderate red. Relative luminance 0.487; OKLCH L 79.6% C 0.082 H 21.9°. Best body text is #000000 at 10.75:1 contrast (WCAG AA passes).

Color values

HEX	#EDA8A5
RGB	rgb(237, 168, 165)
HSL	hsl(3, 67%, 79%)
HSV	hsv(3, 30%, 93%)
CMYK	cmyk(0%, 29.1%, 30.4%, 7.1%)
CIE-LAB	lab(75.28, 25.01, 11.73)
CIE-LCH	lch(75.28, 27.62, 25.12°)
OKLab	oklab(79.64% 0.0762 0.0306)
OKLCH	oklch(79.64% 0.082 21.9)
XYZ	xyz(55.7207, 48.7298, 42.0609)
Luminance	0.4873 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EDA8A5 #A5EAED

analogous

#EDA5C6 #EDA8A5 #EDCCA5

triadic

#EDA8A5 #A5EDA8 #A8A5ED

tetradic

#EDA8A5 #C6EDA5 #A5EAED #CCA5ED

square

#EDA8A5 #C6EDA5 #A5EAED #CCA5ED

split-complementary

#EDA8A5 #A5EDCC #A5C6ED

monochromatic

#D9453F #E37772 #EDA8A5 #F7D9D8 #FAE6E5

Accessibility & contrast

On white

1.95

#EDA8A5 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.75

#EDA8A5 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDA8A5

10.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EDA8A5	#FFFFFF	#000000	##000000
##EDA8A5	1.00	1.95	10.75	10.75
#FFFFFF	1.95	1.00	21.00	21.00
#000000	10.75	21.00	1.00	1.00
##000000	10.75	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B5B1A4

Deuteranopia (green-blind)

#C6BFA4

Tritanopia (blue-blind)

#FBA0A8

Achromatopsia (no color)

#B9B9B9

Design tokens & code

CSS

--color: #eda8a5;
/* rgb */ color: rgb(237, 168, 165);
/* oklch */ color: oklch(79.6% 0.082 21.9);

Tailwind

colors: {
  custom: {
    50: '#f4c2bf',
    500: '#eda8a5',
    950: '#000000',
  },
}

SCSS

$custom: #eda8a5;
$custom-light: #f4c2bf;
$custom-dark: #000000;

JSON

{
  "hex": "#eda8a5",
  "rgb": {
    "r": 237,
    "g": 168,
    "b": 165
  },
  "hsl": {
    "h": 2.5,
    "s": 66.667,
    "l": 78.824
  },
  "oklch": {
    "l": 0.79643,
    "c": 0.08208,
    "h": 21.9
  },
  "luminance": 0.48726
}

Semantic roles & 50–950 ramp

primary

#EDA8A5

secondary

#DAF0F1

accent

#C7CF17

background

#FFFBFB

surface

#FEF7F7

border

#D6D0D0

text

#171212

muted

#858181

Preview Lab

Preview with #EDA8A5

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

Preview Lab → · Contrast checker → · Palette generator →