#EDF5FA

#EDF5FA

Color Values

HEX

#EDF5FA

RGB

237, 245, 250

HSL

203.1, 56.5%, 95.5%

HSV

203.1, 5.2%, 98.0%

CMYK

5.2%, 2.0%, 0.0%, 2.0%

OKLCH

0.9656 0.0109 234.8

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF5FA

#FAF2ED

Analogous

#EDFAF9

#EDEFFA

#EDF5FA

Triadic

#EDF5FA

#FAEDF5

#F5FAED

Split Complementary

#EDF5FA

#FAEDEF

#FAF9ED

Tetradic

#EDF5FA

#F9EDFA

#FAF2ED

#EFFAED

Color Blindness Simulation

Original

#EDF5FA

Protanopia

#F0F1F9

Deuteranopia

#F0EFF8

Tritanopia

#EDF8F8

Achromatopsia

#F4F4F4

CSS Usage

background-color: #EDF5FA;
color: #EDF5FA;
border-color: #EDF5FA;
Nearest Tailwind: Sky 50 #F0F9FF

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7E0EF
300
#9FCAE4
400
#6BADD6
500
#3790C8
600
#2C73A0
700
#235C80
800
#1C4864
900
#183649
950
#0F222E

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026