#EDF5F8

#EDF5F8

Color Values

HEX

#EDF5F8

RGB

237, 245, 248

HSL

196.4, 44.0%, 95.1%

HSV

196.4, 4.4%, 97.3%

CMYK

4.4%, 1.2%, 0.0%, 2.7%

OKLCH

0.965 0.0094 222.1

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF5F8

#F8F0ED

Analogous

#EDF8F6

#EDEFF8

#EDF5F8

Triadic

#EDF5F8

#F8EDF5

#F5F8ED

Split Complementary

#EDF5F8

#F8EDEF

#F8F6ED

Tetradic

#EDF5F8

#F6EDF8

#F8F0ED

#EFF8ED

Color Blindness Simulation

Original

#EDF5F8

Protanopia

#F0F1F7

Deuteranopia

#F0EFF7

Tritanopia

#EDF7F7

Achromatopsia

#F4F4F4

CSS Usage

background-color: #EDF5F8;
color: #EDF5F8;
border-color: #EDF5F8;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CCE2EB
300
#A7CEDD
400
#77B3CA
500
#4799B8
600
#397A93
700
#2E6276
800
#244C5C
900
#1D3944
950
#12242B

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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