#ED97AA

#ED97AA

Color Values

HEX

#ED97AA

RGB

237, 151, 170

HSL

346.7, 70.5%, 76.1%

HSV

346.7, 36.3%, 92.9%

CMYK

0.0%, 36.3%, 28.3%, 7.1%

OKLCH

0.7684 0.1054 5.5

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#ED97AA

#97EDDA

Analogous

#ED97D5

#EDAF97

#ED97AA

Triadic

#ED97AA

#AAED97

#97AAED

Split Complementary

#ED97AA

#97EDAF

#97D5ED

Tetradic

#ED97AA

#D5ED97

#97EDDA

#AF97ED

Color Blindness Simulation

Original

#ED97AA

Protanopia

#C8C7A5

Deuteranopia

#CDD3A4

Tritanopia

#E9A2A1

Achromatopsia

#ABABAB

CSS Usage

background-color: #ED97AA;
color: #ED97AA;
border-color: #ED97AA;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF3F5
100
#F8E2E7
200
#F4C2CD
300
#ED97AA
400
#E35E7C
500
#D9264D
600
#AE1E3E
700
#8B1832
800
#6D1327
900
#4F121F
950
#320B14

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026