#EAF1FD

#EAF1FD

Color Values

HEX

#EAF1FD

RGB

234, 241, 253

HSL

217.9, 82.6%, 95.5%

HSV

217.9, 7.5%, 99.2%

CMYK

7.5%, 4.7%, 0.0%, 0.8%

OKLCH

0.9564 0.0178 261.3

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EAF1FD

#FDF6EA

Analogous

#EAFBFD

#EDEAFD

#EAF1FD

Triadic

#EAF1FD

#FDEAF1

#F1FDEA

Split Complementary

#EAF1FD

#FDEDEA

#FBFDEA

Tetradic

#EAF1FD

#FDEAFB

#FDF6EA

#EAFDED

Color Blindness Simulation

Original

#EAF1FD

Protanopia

#EDEDFA

Deuteranopia

#EDECF9

Tritanopia

#EAF8F7

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED4F9
300
#8FB4F4
400
#538CEF
500
#1664E9
600
#1250BA
700
#0E4095
800
#0B3274
900
#0C2754
950
#081935

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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