#ECB5C3

#ECB5C3

Color Values

HEX

#ECB5C3

RGB

236, 181, 195

HSL

344.7, 59.1%, 81.8%

HSV

344.7, 23.3%, 92.5%

CMYK

0.0%, 23.3%, 17.4%, 7.5%

OKLCH

0.8269 0.0661 1.8

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#ECB5C3

#B5ECDE

Analogous

#ECB5DF

#ECC3B5

#ECB5C3

Triadic

#ECB5C3

#C3ECB5

#B5C3EC

Split Complementary

#ECB5C3

#B5ECC3

#B5DFEC

Tetradic

#ECB5C3

#DFECB5

#B5ECDE

#C3B5EC

Color Blindness Simulation

Original

#ECB5C3

Protanopia

#D4D4C0

Deuteranopia

#D7DCBF

Tritanopia

#E9BDBC

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E4E9
200
#F0C6D1
300
#E69EB0
400
#D86985
500
#CB345B
600
#A22A48
700
#82213A
800
#651A2D
900
#4A1724
950
#2F0E17

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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