#EDF4F9

#EDF4F9

Color Values

HEX

#EDF4F9

RGB

237, 244, 249

HSL

205.0, 50.0%, 95.3%

HSV

205.0, 4.8%, 97.6%

CMYK

4.8%, 2.0%, 0.0%, 2.4%

OKLCH

0.9633 0.01 238.5

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF4F9

#F9F2ED

Analogous

#EDF9F8

#EDEEF9

#EDF4F9

Triadic

#EDF4F9

#F9EDF4

#F4F9ED

Split Complementary

#EDF4F9

#F9EDEE

#F9F8ED

Tetradic

#EDF4F9

#F8EDF9

#F9F2ED

#EEF9ED

Color Blindness Simulation

Original

#EDF4F9

Protanopia

#F0F0F8

Deuteranopia

#F0EFF8

Tritanopia

#EDF7F7

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C7E0
400
#71A9D0
500
#408ABF
600
#336F99
700
#29587A
800
#204560
900
#1B3446
950
#11212C

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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