#ECBDCB

#ECBDCB

Color Values

HEX

#ECBDCB

RGB

236, 189, 203

HSL

342,1, 55,3%, 83,3%

HSV

342,1, 19,9%, 92,5%

CMYK

0,0%, 19,9%, 14,0%, 7,5%

OKLCH

0,8438 0,0567 358,7

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#ECBDCB

#BDECDE

Analogous

#ECBDE2

#ECC6BD

#ECBDCB

Triadic

#ECBDCB

#CBECBD

#BDCBEC

Split Complementary

#ECBDCB

#BDECC6

#BDE2EC

Tetradic

#ECBDCB

#E2ECBD

#BDECDE

#C6BDEC

Color Blindness Simulation

Original

#ECBDCB

Protanopia

#D8D7C8

Deuteranopia

#DADEC7

Tritanopia

#EAC5C4

Achromatopsia

#C8C8C8

CSS Usage

background-color: #ECBDCB;
color: #ECBDCB;
border-color: #ECBDCB;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FBF4F6
100
#F6E5EA
200
#EFC8D3
300
#E4A0B4
400
#D56C8C
500
#C63963
600
#9E2E4F
700
#7F243F
800
#631C32
900
#491827
950
#2E0F18

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,71: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