#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

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