#EAF2FD

#EAF2FD

Color Values

HEX

#EAF2FD

RGB

234, 242, 253

HSL

214,7, 82,6%, 95,5%

HSV

214,7, 7,5%, 99,2%

CMYK

7,5%, 4,3%, 0,0%, 0,8%

OKLCH

0,9583 0,0171 256,3

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EAF2FD

#FDF5EA

Analogous

#EAFCFD

#ECEAFD

#EAF2FD

Triadic

#EAF2FD

#FDEAF2

#F2FDEA

Split Complementary

#EAF2FD

#FDECEA

#FCFDEA

Tetradic

#EAF2FD

#FDEAFC

#FDF5EA

#EAFDEC

Color Blindness Simulation

Original

#EAF2FD

Protanopia

#EDEEFA

Deuteranopia

#EDECFA

Tritanopia

#EAF8F8

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBFA
200
#BED7F9
300
#8FBAF4
400
#5394EF
500
#166FE9
600
#1259BA
700
#0E4795
800
#0B3874
900
#0C2B54
950
#081B35

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,62: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