#ECC9EB

#ECC9EB

Color Values

HEX

#ECC9EB

RGB

236, 201, 235

HSL

301,7, 47,9%, 85,7%

HSV

301,7, 14,8%, 92,5%

CMYK

0,0%, 14,8%, 0,4%, 7,5%

OKLCH

0,8759 0,0596 327,0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#ECC9EB

#C9ECCA

Analogous

#DCC9EC

#ECC9DA

#ECC9EB

Triadic

#ECC9EB

#EBECC9

#C9EBEC

Split Complementary

#ECC9EB

#DAECC9

#C9ECDC

Tetradic

#ECC9EB

#ECDCC9

#C9ECCA

#C9DAEC

Color Blindness Simulation

Original

#ECC9EB

Protanopia

#DDDDE3

Deuteranopia

#DFE2E1

Tritanopia

#EADCDB

Achromatopsia

#D3D3D3

CSS Usage

background-color: #ECC9EB;
color: #ECC9EB;
border-color: #ECC9EB;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCAEB
300
#DFA4DD
400
#CE73CB
500
#BD42B9
600
#973594
700
#792B76
800
#5E215D
900
#451C44
950
#2C112B

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026