#F7F8F8

#F7F8F8

Color Values

HEX

#F7F8F8

RGB

247, 248, 248

HSL

180.0, 6.7%, 97.1%

HSV

180.0, 0.4%, 97.3%

CMYK

0.4%, 0.0%, 0.0%, 2.7%

OKLCH

0.9784 0.0011 197.1

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F7F8F8

#F8F7F7

Analogous

#F7F8F8

#F7F8F8

#F7F8F8

Triadic

#F7F8F8

#F8F7F8

#F8F8F7

Split Complementary

#F7F8F8

#F8F7F8

#F8F8F7

Tetradic

#F7F8F8

#F8F7F8

#F8F7F7

#F8F8F7

Color Blindness Simulation

Original

#F7F8F8

Protanopia

#F7F7F8

Deuteranopia

#F7F7F8

Tritanopia

#F7F8F8

Achromatopsia

#F8F8F8

CSS Usage

background-color: #F7F8F8;
color: #F7F8F8;
border-color: #F7F8F8;
Nearest Tailwind: Zinc 50 #FAFAFA

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDE
300
#BEC6C6
400
#9AA7A7
500
#778888
600
#5F6D6D
700
#4C5757
800
#3B4444
900
#2E3333
950
#1D2020

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.74:1

AA Pass AAA Pass

Brands Using This Color

Linear

Linear

F7F8F8

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