#EC9FD8

#EC9FD8

Color Values

HEX

#EC9FD8

RGB

236, 159, 216

HSL

315.6, 67.0%, 77.5%

HSV

315.6, 32.6%, 92.5%

CMYK

0.0%, 32.6%, 8.5%, 7.5%

OKLCH

0.7953 0.1163 336.6

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#EC9FD8

#9FECB3

Analogous

#DA9FEC

#EC9FB2

#EC9FD8

Triadic

#EC9FD8

#D8EC9F

#9FD8EC

Split Complementary

#EC9FD8

#B2EC9F

#9FECDA

Tetradic

#EC9FD8

#ECDA9F

#9FECB3

#9FB2EC

Color Blindness Simulation

Original

#EC9FD8

Protanopia

#CBCACA

Deuteranopia

#CFD5C7

Tritanopia

#E8BFBD

Achromatopsia

#B3B3B3

CSS Usage

background-color: #EC9FD8;
color: #EC9FD8;
border-color: #EC9FD8;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C3E7
300
#EB99D5
400
#E061BF
500
#D52AA9
600
#AA2287
700
#881B6C
800
#6A1554
900
#4E133E
950
#310C27

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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