#EC89C6

#EC89C6

Color Values

HEX

#EC89C6

RGB

236, 137, 198

HSL

323.0, 72.3%, 73.1%

HSV

323.0, 41.9%, 92.5%

CMYK

0.0%, 41.9%, 16.1%, 7.5%

OKLCH

0.7537 0.1407 343.3

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#EC89C6

#89ECAF

Analogous

#E089EC

#EC8994

#EC89C6

Triadic

#EC89C6

#C6EC89

#89C6EC

Split Complementary

#EC89C6

#94EC89

#89ECE0

Tetradic

#EC89C6

#ECE089

#89ECAF

#8994EC

Color Blindness Simulation

Original

#EC89C6

Protanopia

#C1C0B7

Deuteranopia

#C7CEB4

Tritanopia

#E7ACA9

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2F0
200
#F5C1E1
300
#EE96CC
400
#E55CB1
500
#DC2395
600
#B01C77
700
#8D175F
800
#6E124B
900
#501138
950
#330B23

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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