#ECC6C6

#ECC6C6

Color Values

HEX

#ECC6C6

RGB

236, 198, 198

HSL

0.0, 50.0%, 85.1%

HSV

0.0, 16.1%, 92.5%

CMYK

0.0%, 16.1%, 16.1%, 7.5%

OKLCH

0.8592 0.0433 18.0

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#ECC6C6

#C6ECEC

Analogous

#ECC6D9

#ECD9C6

#ECC6C6

Triadic

#ECC6C6

#C6ECC6

#C6C6EC

Split Complementary

#ECC6C6

#C6ECD9

#C6D9EC

Tetradic

#ECC6C6

#D9ECC6

#C6ECEC

#D9C6EC

Color Blindness Simulation

Original

#ECC6C6

Protanopia

#DCDBC6

Deuteranopia

#DEE1C6

Tritanopia

#EAC6C6

Achromatopsia

#CECECE

CSS Usage

background-color: #ECC6C6;
color: #ECC6C6;
border-color: #ECC6C6;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDC9C9
300
#E0A3A3
400
#D07171
500
#BF4040
600
#993333
700
#7A2929
800
#602020
900
#461B1B
950
#2C1111

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026