#ECEDFE

#ECEDFE

Color Values

HEX

#ECEDFE

RGB

236, 237, 254

HSL

236.7, 90.0%, 96.1%

HSV

236.7, 7.1%, 99.6%

CMYK

7.1%, 6.7%, 0.0%, 0.4%

OKLCH

0.9503 0.0228 283.3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#ECEDFE

#FEFDEC

Analogous

#ECF6FE

#F4ECFE

#ECEDFE

Triadic

#ECEDFE

#FEECED

#EDFEEC

Split Complementary

#ECEDFE

#FEF4EC

#F6FEEC

Tetradic

#ECEDFE

#FEECF6

#FEFDEC

#ECFEF4

Color Blindness Simulation

Original

#ECEDFE

Protanopia

#ECECFA

Deuteranopia

#ECECF9

Tritanopia

#ECF7F6

Achromatopsia

#EEEEEE

CSS Usage

background-color: #ECEDFE;
color: #ECEDFE;
border-color: #ECEDFE;
Nearest Tailwind: Indigo 50 #EEF2FF

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBBFFB
300
#8B91F9
400
#4C55F6
500
#0D19F2
600
#0A14C2
700
#08109B
800
#060D79
900
#090E58
950
#060937

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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