#EDF5FF

#EDF5FF

Color Values

HEX

#EDF5FF

RGB

237, 245, 255

HSL

213.3, 100.0%, 96.5%

HSV

213.3, 7.1%, 100.0%

CMYK

7.1%, 3.9%, 0.0%, 0.0%

OKLCH

0.967 0.0159 253.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF5FF

#FFF7ED

Analogous

#EDFEFF

#EEEDFF

#EDF5FF

Triadic

#EDF5FF

#FFEDF5

#F5FFED

Split Complementary

#EDF5FF

#FFEEED

#FEFFED

Tetradic

#EDF5FF

#FFEDFE

#FFF7ED

#EDFFEE

Color Blindness Simulation

Original

#EDF5FF

Protanopia

#F0F1FD

Deuteranopia

#F0EFFC

Tritanopia

#EDFBFA

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BBFF
400
#4296FF
500
#0071FF
600
#005BCC
700
#0049A3
800
#003980
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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