#ECBAD8

#ECBAD8

Color Values

HEX

#ECBAD8

RGB

236, 186, 216

HSL

324.0, 56.8%, 82.7%

HSV

324.0, 21.2%, 92.5%

CMYK

0.0%, 21.2%, 8.5%, 7.5%

OKLCH

0.8423 0.0692 342.0

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#ECBAD8

#BAECCE

Analogous

#E7BAEC

#ECBABF

#ECBAD8

Triadic

#ECBAD8

#D8ECBA

#BAD8EC

Split Complementary

#ECBAD8

#BFECBA

#BAECE7

Tetradic

#ECBAD8

#ECE7BA

#BAECCE

#BABFEC

Color Blindness Simulation

Original

#ECBAD8

Protanopia

#D6D6D1

Deuteranopia

#D9DDCF

Tritanopia

#EACBCA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5EF
200
#F0C7DF
300
#E59FC9
400
#D66BAB
500
#C8378E
600
#A02C72
700
#80235B
800
#641C47
900
#491835
950
#2E0F22

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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