#EDF0F2

#EDF0F2

Color Values

HEX

#EDF0F2

RGB

237, 240, 242

HSL

204,0, 16,1%, 93,9%

HSV

204,0, 2,1%, 94,9%

CMYK

2,1%, 0,8%, 0,0%, 5,1%

OKLCH

0,9534 0,0042 236,5

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EDF0F2

#F2EFED

Analogous

#EDF2F1

#EDEDF2

#EDF0F2

Triadic

#EDF0F2

#F2EDF0

#F0F2ED

Split Complementary

#EDF0F2

#F2EDED

#F2F1ED

Tetradic

#EDF0F2

#F1EDF2

#F2EFED

#EDF2ED

Color Blindness Simulation

Original

#EDF0F2

Protanopia

#EEEEF2

Deuteranopia

#EEEEF1

Tritanopia

#EDF1F1

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DCE1
300
#B8C4CC
400
#91A4B0
500
#6B8494
600
#566976
700
#44545F
800
#35424A
900
#293237
950
#1A1F23

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,35: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