#EAF7FF

#EAF7FF

Color Values

HEX

#EAF7FF

RGB

234, 247, 255

HSL

202.9, 100.0%, 95.9%

HSV

202.9, 8.2%, 100.0%

CMYK

8.2%, 3.1%, 0.0%, 0.0%

OKLCH

0.9688 0.0175 234.5

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EAF7FF

#FFF2EA

Analogous

#EAFFFD

#EAEDFF

#EAF7FF

Triadic

#EAF7FF

#FFEAF7

#F7FFEA

Split Complementary

#EAF7FF

#FFEAED

#FFFDEA

Tetradic

#EAF7FF

#FDEAFF

#FFF2EA

#EDFFEA

Color Blindness Simulation

Original

#EAF7FF

Protanopia

#F0F0FD

Deuteranopia

#EFEEFD

Tritanopia

#EBFCFB

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FF
300
#85D0FF
400
#42B7FF
500
#009EFF
600
#007ECC
700
#0065A3
800
#004F80
900
#053B5C
950
#03253A

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026