#ECB6D8

#ECB6D8

Color Values

HEX

#ECB6D8

RGB

236, 182, 216

HSL

322.2, 58.7%, 82.0%

HSV

322.2, 22.9%, 92.5%

CMYK

0.0%, 22.9%, 8.5%, 7.5%

OKLCH

0.8351 0.0762 340.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#ECB6D8

#B6ECCA

Analogous

#E5B6EC

#ECB6BD

#ECB6D8

Triadic

#ECB6D8

#D8ECB6

#B6D8EC

Split Complementary

#ECB6D8

#BDECB6

#B6ECE5

Tetradic

#ECB6D8

#ECE5B6

#B6ECCA

#B6BDEC

Color Blindness Simulation

Original

#ECB6D8

Protanopia

#D5D4D0

Deuteranopia

#D8DCCE

Tritanopia

#E9C9C8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EF
200
#F0C6E1
300
#E69ECB
400
#D869AF
500
#CA3593
600
#A22A76
700
#81225E
800
#651A49
900
#4A1737
950
#2F0E23

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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