#EDF2F3

#EDF2F3

Color Values

HEX

#EDF2F3

RGB

237, 242, 243

HSL

190.0, 20.0%, 94.1%

HSV

190.0, 2.5%, 95.3%

CMYK

2.5%, 0.4%, 0.0%, 4.7%

OKLCH

0.9576 0.0055 211.0

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EDF2F3

#F3EEED

Analogous

#EDF3F1

#EDEFF3

#EDF2F3

Triadic

#EDF2F3

#F3EDF2

#F2F3ED

Split Complementary

#EDF2F3

#F3EDEF

#F3F1ED

Tetradic

#EDF2F3

#F1EDF3

#F3EEED

#EFF3ED

Color Blindness Simulation

Original

#EDF2F3

Protanopia

#EFEFF3

Deuteranopia

#EFEEF3

Tritanopia

#EDF3F3

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EDF2F3;
color: #EDF2F3;
border-color: #EDF2F3;
Nearest Tailwind: Gray 100 #F3F4F6

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6CACE
400
#8EADB4
500
#669199
600
#52747A
700
#415C62
800
#33484D
900
#283639
950
#192224

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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