#EC97E5

#EC97E5

Color Values

HEX

#EC97E5

RGB

236, 151, 229

HSL

304.9, 69.1%, 75.9%

HSV

304.9, 36.0%, 92.5%

CMYK

0.0%, 36.0%, 3.0%, 7.5%

OKLCH

0.7873 0.1416 329.8

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#EC97E5

#97EC9E

Analogous

#C897EC

#EC97BB

#EC97E5

Triadic

#EC97E5

#E5EC97

#97E5EC

Split Complementary

#EC97E5

#BBEC97

#97ECC8

Tetradic

#EC97E5

#ECC897

#97EC9E

#97BBEC

Color Blindness Simulation

Original

#EC97E5

Protanopia

#C7C6D2

Deuteranopia

#CCD2CE

Tritanopia

#E8C3C0

Achromatopsia

#AFAFAF

CSS Usage

background-color: #EC97E5;
color: #EC97E5;
border-color: #EC97E5;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3F0
300
#EC98E5
400
#E25FD7
500
#D827C9
600
#AC20A1
700
#8A1981
800
#6C1465
900
#4F124A
950
#320C2F

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026