#EDF7FC

#EDF7FC

Color Values

HEX

#EDF7FC

RGB

237, 247, 252

HSL

200.0, 71.4%, 95.9%

HSV

200.0, 6.0%, 98.8%

CMYK

6.0%, 2.0%, 0.0%, 1.2%

OKLCH

0.9701 0.0126 228.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF7FC

#FCF2ED

Analogous

#EDFCFA

#EDF0FC

#EDF7FC

Triadic

#EDF7FC

#FCEDF7

#F7FCED

Split Complementary

#EDF7FC

#FCEDF0

#FCFAED

Tetradic

#EDF7FC

#FAEDFC

#FCF2ED

#F0FCED

Color Blindness Simulation

Original

#EDF7FC

Protanopia

#F1F1FB

Deuteranopia

#F1F0FA

Tritanopia

#EDFAFA

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C2E4F5
300
#96D0ED
400
#5DB7E4
500
#249EDB
600
#1D7EAF
700
#17658C
800
#124F6D
900
#113B50
950
#0B2532

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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