#F5F8F7

#F5F8F7

Color Values

HEX

#F5F8F7

RGB

245, 248, 247

HSL

160.0, 17.6%, 96.7%

HSV

160.0, 1.2%, 97.3%

CMYK

1.2%, 0.0%, 0.4%, 2.7%

OKLCH

0.9766 0.0034 174.5

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F5F8F7

#F8F5F6

Analogous

#F5F8F6

#F5F8F8

#F5F8F7

Triadic

#F5F8F7

#F7F5F8

#F8F7F5

Split Complementary

#F5F8F7

#F8F5F8

#F8F6F5

Tetradic

#F5F8F7

#F6F5F8

#F8F5F6

#F8F8F5

Color Blindness Simulation

Original

#F5F8F7

Protanopia

#F6F6F7

Deuteranopia

#F6F6F7

Tritanopia

#F5F7F7

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F5F8F7;
color: #F5F8F7;
border-color: #F5F8F7;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#F6F8F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#90B1A6
500
#699687
600
#54786C
700
#436056
800
#354B43
900
#293833
950
#1A2320

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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