#EC89CA

#EC89CA

Color Values

HEX

#EC89CA

RGB

236, 137, 202

HSL

320.6, 72.3%, 73.1%

HSV

320.6, 41.9%, 92.5%

CMYK

0.0%, 41.9%, 14.4%, 7.5%

OKLCH

0.7552 0.1435 341.3

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#EC89CA

#89ECAB

Analogous

#DC89EC

#EC8998

#EC89CA

Triadic

#EC89CA

#CAEC89

#89CAEC

Split Complementary

#EC89CA

#98EC89

#89ECDC

Tetradic

#EC89CA

#ECDC89

#89ECAB

#8998EC

Color Blindness Simulation

Original

#EC89CA

Protanopia

#C1C0BA

Deuteranopia

#C7CEB6

Tritanopia

#E7AEAB

Achromatopsia

#A3A3A3

CSS Usage

background-color: #EC89CA;
color: #EC89CA;
border-color: #EC89CA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF3F9
100
#F8E2F1
200
#F5C1E3
300
#EE96D0
400
#E55CB6
500
#DC239C
600
#B01C7D
700
#8D1764
800
#6E124E
900
#50113A
950
#330B25

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026