#F5F7F7

#F5F7F7

Color Values

HEX

#F5F7F7

RGB

245, 247, 247

HSL

180.0, 11.1%, 96.5%

HSV

180.0, 0.8%, 96.9%

CMYK

0.8%, 0.0%, 0.0%, 3.1%

OKLCH

0.9746 0.0021 197.1

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F5F7F7

#F7F5F5

Analogous

#F5F7F6

#F5F6F7

#F5F7F7

Triadic

#F5F7F7

#F7F5F7

#F7F7F5

Split Complementary

#F5F7F7

#F7F5F6

#F7F6F5

Tetradic

#F5F7F7

#F6F5F7

#F7F5F5

#F6F7F5

Color Blindness Simulation

Original

#F5F7F7

Protanopia

#F6F6F7

Deuteranopia

#F6F6F7

Tritanopia

#F5F7F7

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F5F7F7;
color: #F5F7F7;
border-color: #F5F7F7;
Nearest Tailwind: Neutral 100 #F5F5F5

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC9C9
400
#96ABAB
500
#718E8E
600
#5B7171
700
#495B5B
800
#394747
900
#2C3535
950
#1C2222

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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