#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026