#EC9DB2

#EC9DB2

Color Values

HEX

#EC9DB2

RGB

236, 157, 178

HSL

344.1, 67.5%, 77.1%

HSV

344.1, 33.5%, 92.5%

CMYK

0.0%, 33.5%, 24.6%, 7.5%

OKLCH

0.7797 0.0974 2.3

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#EC9DB2

#9DECD7

Analogous

#EC9DD9

#ECB09D

#EC9DB2

Triadic

#EC9DB2

#B2EC9D

#9DB2EC

Split Complementary

#EC9DB2

#9DECB0

#9DD9EC

Tetradic

#EC9DB2

#D9EC9D

#9DECD7

#B09DEC

Color Blindness Simulation

Original

#EC9DB2

Protanopia

#CAC9AD

Deuteranopia

#CED4AC

Tritanopia

#E8A9A8

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F7E3E8
200
#F3C3D0
300
#EB98AE
400
#E06183
500
#D62957
600
#AB2146
700
#891B38
800
#6B152C
900
#4E1323
950
#310C16

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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