#ECB5C4

#ECB5C4

Color Values

HEX

#ECB5C4

RGB

236, 181, 196

HSL

343.6, 59.1%, 81.8%

HSV

343.6, 23.3%, 92.5%

CMYK

0.0%, 23.3%, 16.9%, 7.5%

OKLCH

0.8272 0.0664 0.6

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#ECB5C4

#B5ECDD

Analogous

#ECB5E0

#ECC2B5

#ECB5C4

Triadic

#ECB5C4

#C4ECB5

#B5C4EC

Split Complementary

#ECB5C4

#B5ECC2

#B5E0EC

Tetradic

#ECB5C4

#E0ECB5

#B5ECDD

#C2B5EC

Color Blindness Simulation

Original

#ECB5C4

Protanopia

#D4D4C0

Deuteranopia

#D7DCC0

Tritanopia

#E9BEBD

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F6E4E9
200
#F0C6D2
300
#E69EB1
400
#D86987
500
#CB345D
600
#A22A4B
700
#82213C
800
#651A2F
900
#4A1725
950
#2F0E17

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026