#ECC2DB

#ECC2DB

Color Values

HEX

#ECC2DB

RGB

236, 194, 219

HSL

324.3, 52.5%, 84.3%

HSV

324.3, 17.8%, 92.5%

CMYK

0.0%, 17.8%, 7.2%, 7.5%

OKLCH

0.8578 0.0577 341.9

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#ECC2DB

#C2ECD3

Analogous

#E8C2EC

#ECC2C6

#ECC2DB

Triadic

#ECC2DB

#DBECC2

#C2DBEC

Split Complementary

#ECC2DB

#C6ECC2

#C2ECE8

Tetradic

#ECC2DB

#ECE8C2

#C2ECD3

#C2C6EC

Color Blindness Simulation

Original

#ECC2DB

Protanopia

#DAD9D5

Deuteranopia

#DCDFD3

Tritanopia

#EAD0CF

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC9DF
300
#E2A2C8
400
#D26FAA
500
#C23D8C
600
#9C3070
700
#7C275A
800
#611E46
900
#471A35
950
#2D1021

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026