#EDF4FE

#EDF4FE

Color Values

HEX

#EDF4FE

RGB

237, 244, 254

HSL

215.3, 89.5%, 96.3%

HSV

215.3, 6.7%, 99.6%

CMYK

6.7%, 3.9%, 0.0%, 0.4%

OKLCH

0.9648 0.0154 257.2

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF4FE

#FEF7ED

Analogous

#EDFDFE

#EFEDFE

#EDF4FE

Triadic

#EDF4FE

#FEEDF4

#F4FEED

Split Complementary

#EDF4FE

#FEEFED

#FDFEED

Tetradic

#EDF4FE

#FEEDFD

#FEF7ED

#EDFEEF

Color Blindness Simulation

Original

#EDF4FE

Protanopia

#F0F0FC

Deuteranopia

#F0EFFB

Tritanopia

#EDFAF9

Achromatopsia

#F3F3F3

CSS Usage

background-color: #EDF4FE;
color: #EDF4FE;
border-color: #EDF4FE;
Nearest Tailwind: Blue 50 #EFF6FF

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD6FB
300
#8BB8F9
400
#4C92F5
500
#0D6BF2
600
#0B56C1
700
#09459B
800
#073679
900
#092A57
950
#061A37

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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