#EDAD87#EDAD87

#EDAD87 is a light, moderate orange. Relative luminance 0.496; OKLCH L 79.9% C 0.091 H 51.7°. Best body text is #000000 at 10.93:1 contrast (WCAG AA passes).

Color values

HEX	#EDAD87
RGB	rgb(237, 173, 135)
HSL	hsl(22, 74%, 73%)
HSV	hsv(22, 43%, 93%)
CMYK	cmyk(0%, 27%, 43%, 7.1%)
CIE-LAB	lab(75.85, 18.83, 28.74)
CIE-LCH	lch(75.85, 34.36, 56.77°)
OKLab	oklab(79.89% 0.0565 0.0715)
OKLCH	oklch(79.89% 0.091 51.7)
XYZ	xyz(54.2441, 49.6445, 29.6423)
Luminance	0.4964 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EDAD87 #87C7ED

analogous

#ED8794 #EDAD87 #EDE087

triadic

#EDAD87 #87EDAD #AD87ED

tetradic

#EDAD87 #94ED87 #87C7ED #E087ED

square

#EDAD87 #94ED87 #87C7ED #E087ED

split-complementary

#EDAD87 #87EDE0 #8794ED

monochromatic

#D96521 #E58952 #EDAD87 #F5D1BC #FBEDE4

Accessibility & contrast

On white

1.92

#EDAD87 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.93

#EDAD87 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EDAD87

10.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EDAD87	#FFFFFF	#000000	##000000
##EDAD87	1.00	1.92	10.93	10.93
#FFFFFF	1.92	1.00	21.00	21.00
#000000	10.93	21.00	1.00	1.00
##000000	10.93	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BFB384

Deuteranopia (green-blind)

#CEC087

Tritanopia (blue-blind)

#FEA1A3

Achromatopsia (no color)

#BBBBBB

Design tokens & code

CSS

--color: #edad87;
/* rgb */ color: rgb(237, 173, 135);
/* oklch */ color: oklch(79.9% 0.091 51.7);

Tailwind

colors: {
  custom: {
    50: '#f5c5aa',
    500: '#edad87',
    950: '#000000',
  },
}

SCSS

$custom: #edad87;
$custom-light: #f5c5aa;
$custom-dark: #000000;

JSON

{
  "hex": "#edad87",
  "rgb": {
    "r": 237,
    "g": 173,
    "b": 135
  },
  "hsl": {
    "h": 22.353,
    "s": 73.913,
    "l": 72.941
  },
  "oklch": {
    "l": 0.79886,
    "c": 0.09111,
    "h": 51.7
  },
  "luminance": 0.49641
}

Semantic roles & 50–950 ramp

primary

#EDAD87

secondary

#D8E9F3

accent

#8CD60F

background

#FFFCFA

surface

#FFF8F4

border

#D7D1CE

text

#171310

muted

#85827F

Preview Lab

Preview with #EDAD87

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

Preview Lab → · Contrast checker → · Palette generator →