#ECAFD0

#ECAFD0

Color Values

HEX

#ECAFD0

RGB

236, 175, 208

HSL

327,5, 61,6%, 80,6%

HSV

327,5, 25,8%, 92,5%

CMYK

0,0%, 25,8%, 11,9%, 7,5%

OKLCH

0,8201 0,0825 345,4

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#ECAFD0

#AFECCB

Analogous

#E9AFEC

#ECAFB2

#ECAFD0

Triadic

#ECAFD0

#D0ECAF

#AFD0EC

Split Complementary

#ECAFD0

#B2ECAF

#AFECE9

Tetradic

#ECAFD0

#ECE9AF

#AFECCB

#AFB2EC

Color Blindness Simulation

Original

#ECAFD0

Protanopia

#D2D1C8

Deuteranopia

#D5DAC6

Tritanopia

#E9C2C0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DD
300
#E79CC5
400
#DB67A5
500
#CE3186
600
#A5276B
700
#841F56
800
#671843
900
#4B1633
950
#300E20

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,61: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