#E4F2F7

#E4F2F7

Color Values

HEX

#E4F2F7

RGB

228, 242, 247

HSL

195.8, 54.3%, 93.1%

HSV

195.8, 7.7%, 96.9%

CMYK

7.7%, 2.0%, 0.0%, 3.1%

OKLCH

0.9522 0.0163 221.1

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E4F2F7

#F7E9E4

Analogous

#E4F7F2

#E4E8F7

#E4F2F7

Triadic

#E4F2F7

#F7E4F2

#F2F7E4

Split Complementary

#E4F2F7

#F7E4E8

#F7F2E4

Tetradic

#E4F2F7

#F2E4F7

#F7E9E4

#E8F7E4

Color Blindness Simulation

Original

#E4F2F7

Protanopia

#EAEAF6

Deuteranopia

#E9E8F5

Tritanopia

#E5F5F5

Achromatopsia

#EFEFEF

CSS Usage

background-color: #E4F2F7;
color: #E4F2F7;
border-color: #E4F2F7;
Nearest Tailwind: Sky 50 #F0F9FF

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C8E4EF
300
#A1D2E3
400
#6DB9D4
500
#3AA0C5
600
#2F809D
700
#25677E
800
#1D5062
900
#193C48
950
#10262E

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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