#ECECF6

#ECECF6

Color Values

HEX

#ECECF6

RGB

236, 236, 246

HSL

240.0, 35.7%, 94.5%

HSV

240.0, 4.1%, 96.5%

CMYK

4.1%, 4.1%, 0.0%, 3.5%

OKLCH

0.946 0.0134 286.1

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#ECECF6

#F6F6EC

Analogous

#ECF1F6

#F1ECF6

#ECECF6

Triadic

#ECECF6

#F6ECEC

#ECF6EC

Split Complementary

#ECECF6

#F6F1EC

#F1F6EC

Tetradic

#ECECF6

#F6ECF1

#F6F6EC

#ECF6F1

Color Blindness Simulation

Original

#ECECF6

Protanopia

#ECECF4

Deuteranopia

#ECECF3

Tritanopia

#ECF2F1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACACD8
400
#7F7FC2
500
#5252AD
600
#42428A
700
#34346F
800
#292957
900
#212140
950
#151528

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026