#EDEFF3

#EDEFF3

Color Values

HEX

#EDEFF3

RGB

237, 239, 243

HSL

220.0, 20.0%, 94.1%

HSV

220.0, 2.5%, 95.3%

CMYK

2.5%, 1.6%, 0.0%, 4.7%

OKLCH

0.9517 0.0058 264.5

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EDEFF3

#F3F1ED

Analogous

#EDF2F3

#EEEDF3

#EDEFF3

Triadic

#EDEFF3

#F3EDEF

#EFF3ED

Split Complementary

#EDEFF3

#F3EEED

#F2F3ED

Tetradic

#EDEFF3

#F3EDF2

#F3F1ED

#EDF3EE

Color Blindness Simulation

Original

#EDEFF3

Protanopia

#EEEEF2

Deuteranopia

#EEEEF2

Tritanopia

#EDF1F1

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E2
300
#B6BECE
400
#8E9AB4
500
#667799
600
#525F7A
700
#414C62
800
#333C4D
900
#282E39
950
#191D24

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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