#ECF5FC

#ECF5FC

Color Values

HEX

#ECF5FC

RGB

236, 245, 252

HSL

206.2, 72.7%, 95.7%

HSV

206.2, 6.3%, 98.8%

CMYK

6.3%, 2.8%, 0.0%, 1.2%

OKLCH

0.9654 0.0134 241.0

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#ECF5FC

#FCF3EC

Analogous

#ECFCFB

#ECEDFC

#ECF5FC

Triadic

#ECF5FC

#FCECF5

#F5FCEC

Split Complementary

#ECF5FC

#FCECED

#FCFBEC

Tetradic

#ECF5FC

#FBECFC

#FCF3EC

#EDFCEC

Color Blindness Simulation

Original

#ECF5FC

Protanopia

#F0F0FA

Deuteranopia

#EFEFFA

Tritanopia

#ECF9F9

Achromatopsia

#F4F4F4

CSS Usage

background-color: #ECF5FC;
color: #ECF5FC;
border-color: #ECF5FC;
Nearest Tailwind: Blue 50 #EFF6FF

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF5
300
#95C7EE
400
#5CA9E5
500
#238BDC
600
#1C6FB0
700
#16598D
800
#11466E
900
#113450
950
#0B2133

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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