#EDF5FB

#EDF5FB

Color Values

HEX

#EDF5FB

RGB

237, 245, 251

HSL

205.7, 63.6%, 95.7%

HSV

205.7, 5.6%, 98.4%

CMYK

5.6%, 2.4%, 0.0%, 1.6%

OKLCH

0.9659 0.0117 239.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF5FB

#FBF3ED

Analogous

#EDFBFA

#EDEEFB

#EDF5FB

Triadic

#EDF5FB

#FBEDF5

#F5FBED

Split Complementary

#EDF5FB

#FBEDEE

#FBFAED

Tetradic

#EDF5FB

#FAEDFB

#FBF3ED

#EEFBED

Color Blindness Simulation

Original

#EDF5FB

Protanopia

#F0F1FA

Deuteranopia

#F0EFF9

Tritanopia

#EDF8F8

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC7E9
400
#65A9DD
500
#2E8BD1
600
#256FA7
700
#1E5985
800
#174668
900
#15344C
950
#0D2130

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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