#EC97A2

#EC97A2

Color Values

HEX

#EC97A2

RGB

236, 151, 162

HSL

352.2, 69.1%, 75.9%

HSV

352.2, 36.0%, 92.5%

CMYK

0.0%, 36.0%, 31.4%, 7.5%

OKLCH

0.7651 0.1029 11.4

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#EC97A2

#97ECE1

Analogous

#EC97CD

#ECB797

#EC97A2

Triadic

#EC97A2

#A2EC97

#97A2EC

Split Complementary

#EC97A2

#97ECB7

#97CDEC

Tetradic

#EC97A2

#CDEC97

#97ECE1

#B797EC

Color Blindness Simulation

Original

#EC97A2

Protanopia

#C7C69F

Deuteranopia

#CCD29F

Tritanopia

#E89D9D

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F8E3E5
200
#F4C3C9
300
#EC98A3
400
#E25F70
500
#D8273E
600
#AC2032
700
#8A1928
800
#6C141F
900
#4F121A
950
#320C11

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026