#ECB3D7

#ECB3D7

Color Values

HEX

#ECB3D7

RGB

236, 179, 215

HSL

322.1, 60.0%, 81.4%

HSV

322.1, 24.2%, 92.5%

CMYK

0.0%, 24.2%, 8.9%, 7.5%

OKLCH

0.8294 0.0806 340.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#ECB3D7

#B3ECC8

Analogous

#E5B3EC

#ECB3BB

#ECB3D7

Triadic

#ECB3D7

#D7ECB3

#B3D7EC

Split Complementary

#ECB3D7

#BBECB3

#B3ECE5

Tetradic

#ECB3D7

#ECE5B3

#B3ECC8

#B3BBEC

Color Blindness Simulation

Original

#ECB3D7

Protanopia

#D3D3CE

Deuteranopia

#D7DBCC

Tritanopia

#E9C7C6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #ECB3D7;
color: #ECB3D7;
border-color: #ECB3D7;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF3F8
100
#F6E4F0
200
#F1C6E1
300
#E79DCB
400
#D968B0
500
#CC3394
600
#A32976
700
#83215E
800
#661A4A
900
#4B1637
950
#2F0E23

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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