#ECF0F7

#ECF0F7

Color Values

HEX

#ECF0F7

RGB

236, 240, 247

HSL

218.2, 40.7%, 94.7%

HSV

218.2, 4.5%, 96.9%

CMYK

4.5%, 2.8%, 0.0%, 3.1%

OKLCH

0.9541 0.0103 261.8

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#ECF0F7

#F7F3EC

Analogous

#ECF5F7

#EDECF7

#ECF0F7

Triadic

#ECF0F7

#F7ECF0

#F0F7EC

Split Complementary

#ECF0F7

#F7EDEC

#F5F7EC

Tetradic

#ECF0F7

#F7ECF5

#F7F3EC

#ECF7ED

Color Blindness Simulation

Original

#ECF0F7

Protanopia

#EEEEF5

Deuteranopia

#EEEDF5

Tritanopia

#ECF4F4

Achromatopsia

#F0F0F0

CSS Usage

background-color: #ECF0F7;
color: #ECF0F7;
border-color: #ECF0F7;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CDD7EA
300
#A9BBDB
400
#7A96C7
500
#4C71B3
600
#3C5B90
700
#304973
800
#26395A
900
#1F2C42
950
#131C2A

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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