#ECCCE6

#ECCCE6

Color Values

HEX

#ECCCE6

RGB

236, 204, 230

HSL

311.2, 45.7%, 86.3%

HSV

311.2, 13.6%, 92.5%

CMYK

0.0%, 13.6%, 2.5%, 7.5%

OKLCH

0.8798 0.0495 332.3

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#ECCCE6

#CCECD2

Analogous

#E2CCEC

#ECCCD6

#ECCCE6

Triadic

#ECCCE6

#E6ECCC

#CCE6EC

Split Complementary

#ECCCE6

#D6ECCC

#CCECE2

Tetradic

#ECCCE6

#ECE2CC

#CCECD2

#CCD6EC

Color Blindness Simulation

Original

#ECCCE6

Protanopia

#DEDEE0

Deuteranopia

#E0E2DE

Tritanopia

#EADBDA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#ECCBE6
300
#DEA6D3
400
#CC76BC
500
#BA45A4
600
#953783
700
#772C69
800
#5D2352
900
#441D3D
950
#2B1226

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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