#F5F7F8

#F5F7F8

Color Values

HEX

#F5F7F8

RGB

245, 247, 248

HSL

200.0, 17.6%, 96.7%

HSV

200.0, 1.2%, 97.3%

CMYK

1.2%, 0.4%, 0.0%, 2.7%

OKLCH

0.9749 0.0025 228.8

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F5F7F8

#F8F6F5

Analogous

#F5F8F8

#F5F6F8

#F5F7F8

Triadic

#F5F7F8

#F8F5F7

#F7F8F5

Split Complementary

#F5F7F8

#F8F5F6

#F8F8F5

Tetradic

#F5F7F8

#F8F5F8

#F8F6F5

#F6F8F5

Color Blindness Simulation

Original

#F5F7F8

Protanopia

#F6F6F8

Deuteranopia

#F6F6F8

Tritanopia

#F5F8F8

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EAEEF0
200
#D5DDE2
300
#B7C5CD
400
#90A6B1
500
#698796
600
#546C78
700
#435660
800
#35434B
900
#293338
950
#1A2023

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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