#F2F7F8

#F2F7F8

Color Values

HEX

#F2F7F8

RGB

242, 247, 248

HSL

190.0, 30.0%, 96.1%

HSV

190.0, 2.4%, 97.3%

CMYK

2.4%, 0.4%, 0.0%, 2.7%

OKLCH

0.9726 0.0055 211.0

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F2F7F8

#F8F3F2

Analogous

#F2F8F6

#F2F4F8

#F2F7F8

Triadic

#F2F7F8

#F8F2F7

#F7F8F2

Split Complementary

#F2F7F8

#F8F2F4

#F8F6F2

Tetradic

#F2F7F8

#F6F2F8

#F8F3F2

#F4F8F2

Color Blindness Simulation

Original

#F2F7F8

Protanopia

#F4F4F8

Deuteranopia

#F4F3F8

Tritanopia

#F2F8F8

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#AFCED4
400
#84B4BD
500
#5999A6
600
#477A85
700
#39626A
800
#2D4D53
900
#23393E
950
#162427

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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