#F2F2F9

#F2F2F9

Color Values

HEX

#F2F2F9

RGB

242, 242, 249

HSL

240.0, 36.8%, 96.3%

HSV

240.0, 2.8%, 97.6%

CMYK

2.8%, 2.8%, 0.0%, 2.4%

OKLCH

0.9632 0.0093 286.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F2F2F9

#F9F9F2

Analogous

#F2F6F9

#F6F2F9

#F2F2F9

Triadic

#F2F2F9

#F9F2F2

#F2F9F2

Split Complementary

#F2F2F9

#F9F6F2

#F6F9F2

Tetradic

#F2F2F9

#F9F2F6

#F9F9F2

#F2F9F6

Color Blindness Simulation

Original

#F2F2F9

Protanopia

#F2F2F7

Deuteranopia

#F2F2F7

Tritanopia

#F2F6F6

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F2F2F9;
color: #F2F2F9;
border-color: #F2F2F9;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECEE8
300
#ABABD8
400
#7E7EC3
500
#5151AE
600
#40408C
700
#343470
800
#282857
900
#202040
950
#141429

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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