#ED8F89

#ED8F89

Color Values

HEX

#ED8F89

RGB

237, 143, 137

HSL

3.6, 73.5%, 73.3%

HSV

3.6, 42.2%, 92.9%

CMYK

0.0%, 39.7%, 42.2%, 7.1%

OKLCH

0.7468 0.1152 24.1

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#ED8F89

#89E7ED

Analogous

#ED89B5

#EDC189

#ED8F89

Triadic

#ED8F89

#89ED8F

#8F89ED

Split Complementary

#ED8F89

#89EDC1

#89B5ED

Tetradic

#ED8F89

#B5ED89

#89E7ED

#C189ED

Color Blindness Simulation

Original

#ED8F89

Protanopia

#C4C38A

Deuteranopia

#CAD18B

Tritanopia

#E88C8C

Achromatopsia

#A3A3A3

CSS Usage

background-color: #ED8F89;
color: #ED8F89;
border-color: #ED8F89;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C4C1
300
#EF9A95
400
#E6645B
500
#DD2D22
600
#B1241B
700
#8E1D16
800
#6F1711
900
#501410
950
#330D0A

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026