#ECDFEE

#ECDFEE

Color Values

HEX

#ECDFEE

RGB

236, 223, 238

HSL

292.0, 30.6%, 90.4%

HSV

292.0, 6.3%, 93.3%

CMYK

0.8%, 6.3%, 0.0%, 6.7%

OKLCH

0.9184 0.0244 321.7

Properties

Cool Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECDFEE

#E1EEDF

Analogous

#E5DFEE

#EEDFE9

#ECDFEE

Triadic

#ECDFEE

#EEECDF

#DFEEEC

Split Complementary

#ECDFEE

#E9EEDF

#DFEEE5

Tetradic

#ECDFEE

#EEE5DF

#E1EEDF

#DFE9EE

Color Blindness Simulation

Original

#ECDFEE

Protanopia

#E6E6EA

Deuteranopia

#E7E8EA

Tritanopia

#EBE8E7

Achromatopsia

#E3E3E3

CSS Usage

background-color: #ECDFEE;
color: #ECDFEE;
border-color: #ECDFEE;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E3D0E6
300
#D0AFD5
400
#B684BE
500
#9C58A7
600
#7D4785
700
#64396B
800
#4E2C53
900
#3A233E
950
#251627

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026