#F0F2F4

#F0F2F4

Color Values

HEX

#F0F2F4

RGB

240, 242, 244

HSL

210.0, 15.4%, 94.9%

HSV

210.0, 1.6%, 95.7%

CMYK

1.6%, 0.8%, 0.0%, 4.3%

OKLCH

0.9602 0.0034 247.9

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#F0F2F4

#F4F2F0

Analogous

#F0F4F4

#F0F0F4

#F0F2F4

Triadic

#F0F2F4

#F4F0F2

#F2F4F0

Split Complementary

#F0F2F4

#F4F0F0

#F4F4F0

Tetradic

#F0F2F4

#F4F0F4

#F4F2F0

#F0F4F0

Color Blindness Simulation

Original

#F0F2F4

Protanopia

#F1F1F4

Deuteranopia

#F1F1F3

Tritanopia

#F0F3F3

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE1
300
#B8C2CB
400
#92A1AF
500
#6C8093
600
#566676
700
#45525E
800
#36404A
900
#2A3037
950
#1A1F23

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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