#ECDCEC

#ECDCEC

Color Values

HEX

#ECDCEC

RGB

236, 220, 236

HSL

300.0, 29.6%, 89.4%

HSV

300.0, 6.8%, 92.5%

CMYK

0.0%, 6.8%, 0.0%, 7.5%

OKLCH

0.912 0.0275 325.8

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECDCEC

#DCECDC

Analogous

#E4DCEC

#ECDCE4

#ECDCEC

Triadic

#ECDCEC

#ECECDC

#DCECEC

Split Complementary

#ECDCEC

#E4ECDC

#DCECE4

Tetradic

#ECDCEC

#ECE4DC

#DCECDC

#DCE4EC

Color Blindness Simulation

Original

#ECDCEC

Protanopia

#E5E5E8

Deuteranopia

#E6E7E7

Tritanopia

#EBE5E4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E9F2
200
#E6D1E6
300
#D4B0D4
400
#BD85BD
500
#A55AA5
600
#844884
700
#6A396A
800
#532D53
900
#3D243D
950
#271627

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026