#ECB3C8

#ECB3C8

Color Values

HEX

#ECB3C8

RGB

236, 179, 200

HSL

337.9, 60.0%, 81.4%

HSV

337.9, 24.2%, 92.5%

CMYK

0.0%, 24.2%, 15.3%, 7.5%

OKLCH

0.8247 0.0712 354.8

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#ECB3C8

#B3ECD7

Analogous

#ECB3E5

#ECBBB3

#ECB3C8

Triadic

#ECB3C8

#C8ECB3

#B3C8EC

Split Complementary

#ECB3C8

#B3ECBB

#B3E5EC

Tetradic

#ECB3C8

#E5ECB3

#B3ECD7

#BBB3EC

Color Blindness Simulation

Original

#ECB3C8

Protanopia

#D3D3C3

Deuteranopia

#D7DBC2

Tritanopia

#E9BFBE

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E79DB8
400
#D96892
500
#CC336B
600
#A32956
700
#832145
800
#661A36
900
#4B162A
950
#2F0E1A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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