#ECABC2

#ECABC2

Color Values

HEX

#ECABC2

RGB

236, 171, 194

HSL

338.8, 63.1%, 79.8%

HSV

338.8, 27.5%, 92.5%

CMYK

0.0%, 27.5%, 17.8%, 7.5%

OKLCH

0.8087 0.0813 356.1

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#ECABC2

#ABECD5

Analogous

#ECABE2

#ECB5AB

#ECABC2

Triadic

#ECABC2

#C2ECAB

#ABC2EC

Split Complementary

#ECABC2

#ABECB5

#ABE2EC

Tetradic

#ECABC2

#E2ECAB

#ABECD5

#B5ABEC

Color Blindness Simulation

Original

#ECABC2

Protanopia

#D0CFBC

Deuteranopia

#D4D8BB

Tritanopia

#E9B8B7

Achromatopsia

#BABABA

CSS Usage

background-color: #ECABC2;
color: #ECABC2;
border-color: #ECABC2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF3F6
100
#F7E4EA
200
#F2C5D5
300
#E89BB6
400
#DC658F
500
#D02F68
600
#A62653
700
#851E42
800
#681834
900
#4C1528
950
#300D1A

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026