#EDA89F

#EDA89F

Color Values

HEX

#EDA89F

RGB

237, 168, 159

HSL

6.9, 68.4%, 77.6%

HSV

6.9, 32.9%, 92.9%

CMYK

0.0%, 29.1%, 32.9%, 7.1%

OKLCH

0.795 0.0832 27.4

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#EDA89F

#9FE4ED

Analogous

#ED9FBD

#EDCF9F

#EDA89F

Triadic

#EDA89F

#9FEDA8

#A89FED

Split Complementary

#EDA89F

#9FEDCF

#9FBDED

Tetradic

#EDA89F

#BDED9F

#9FE4ED

#CF9FED

Color Blindness Simulation

Original

#EDA89F

Protanopia

#CFCFA1

Deuteranopia

#D3D8A2

Tritanopia

#EAA3A3

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C8C3
300
#ECA298
400
#E16F60
500
#D73C28
600
#AC3020
700
#89271A
800
#6B1E14
900
#4E1913
950
#31100C

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.7: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