#F2F8F9

#F2F8F9

Color Values

HEX

#F2F8F9

RGB

242, 248, 249

HSL

188.6, 36.8%, 96.3%

HSV

188.6, 2.8%, 97.6%

CMYK

2.8%, 0.4%, 0.0%, 2.4%

OKLCH

0.9749 0.0065 208.8

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F2F8F9

#F9F3F2

Analogous

#F2F9F7

#F2F5F9

#F2F8F9

Triadic

#F2F8F9

#F9F2F8

#F8F9F2

Split Complementary

#F2F8F9

#F9F2F5

#F9F7F2

Tetradic

#F2F8F9

#F7F2F9

#F9F3F2

#F5F9F2

Color Blindness Simulation

Original

#F2F8F9

Protanopia

#F5F5F9

Deuteranopia

#F4F4F9

Tritanopia

#F2F9F9

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F2F8F9;
color: #F2F8F9;
border-color: #F2F8F9;
Nearest Tailwind: Slate 50 #F8FAFC

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE5E8
300
#ABD2D8
400
#7EB9C3
500
#51A1AE
600
#40818C
700
#346770
800
#285057
900
#203C40
950
#142629

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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