#EDEFF6

#EDEFF6

Color Values

HEX

#EDEFF6

RGB

237, 239, 246

HSL

226.7, 33.3%, 94.7%

HSV

226.7, 3.7%, 96.5%

CMYK

3.7%, 2.8%, 0.0%, 3.5%

OKLCH

0.9526 0.0096 273.4

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#EDEFF6

#F6F4ED

Analogous

#EDF3F6

#EFEDF6

#EDEFF6

Triadic

#EDEFF6

#F6EDEF

#EFF6ED

Split Complementary

#EDEFF6

#F6EFED

#F3F6ED

Tetradic

#EDEFF6

#F6EDF3

#F6F4ED

#EDF6EF

Color Blindness Simulation

Original

#EDEFF6

Protanopia

#EEEEF4

Deuteranopia

#EEEEF4

Tritanopia

#EDF3F3

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD5E7
300
#ADB6D6
400
#818FC0
500
#5568AA
600
#445388
700
#36426D
800
#2B3455
900
#22283F
950
#151928

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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