#F2F1F4

#F2F1F4

Color Values

HEX

#F2F1F4

RGB

242, 241, 244

HSL

260.0, 12.0%, 95.1%

HSV

260.0, 1.2%, 95.7%

CMYK

0.8%, 1.2%, 0.0%, 4.3%

OKLCH

0.9598 0.0041 301.4

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#F2F1F4

#F3F4F1

Analogous

#F1F2F4

#F4F1F4

#F2F1F4

Triadic

#F2F1F4

#F4F2F1

#F1F4F2

Split Complementary

#F2F1F4

#F4F4F1

#F2F4F1

Tetradic

#F2F1F4

#F4F1F2

#F3F4F1

#F1F4F4

Color Blindness Simulation

Original

#F2F1F4

Protanopia

#F2F2F3

Deuteranopia

#F2F2F3

Tritanopia

#F2F3F3

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEBEF
200
#DAD7E0
300
#BFBAC9
400
#9D95AC
500
#7A708F
600
#625A72
700
#4E485B
800
#3D3847
900
#2F2B36
950
#1D1B22

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.66:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026