#EDF1F2

#EDF1F2

Color Values

HEX

#EDF1F2

RGB

237, 241, 242

HSL

192.0, 16.1%, 93.9%

HSV

192.0, 2.1%, 94.9%

CMYK

2.1%, 0.4%, 0.0%, 5.1%

OKLCH

0.9554 0.0045 214.3

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EDF1F2

#F2EEED

Analogous

#EDF2F0

#EDEEF2

#EDF1F2

Triadic

#EDF1F2

#F2EDF1

#F1F2ED

Split Complementary

#EDF1F2

#F2EDEE

#F2F0ED

Tetradic

#EDF1F2

#F0EDF2

#F2EEED

#EEF2ED

Color Blindness Simulation

Original

#EDF1F2

Protanopia

#EFEFF2

Deuteranopia

#EEEEF2

Tritanopia

#EDF2F2

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6DFE1
300
#B8C8CC
400
#91AAB0
500
#6B8C94
600
#567076
700
#44595F
800
#35464A
900
#293537
950
#1A2123

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.47:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026