#F7FBFC

#F7FBFC

Color Values

HEX

#F7FBFC

RGB

247, 251, 252

HSL

192.0, 45.5%, 97.8%

HSV

192.0, 2.0%, 98.8%

CMYK

2.0%, 0.4%, 0.0%, 1.2%

OKLCH

0.9854 0.0045 214.3

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F7FBFC

#FCF8F7

Analogous

#F7FCFA

#F7F8FC

#F7FBFC

Triadic

#F7FBFC

#FCF7FB

#FBFCF7

Split Complementary

#F7FBFC

#FCF7F8

#FCFAF7

Tetradic

#F7FBFC

#FAF7FC

#FCF8F7

#F8FCF7

Color Blindness Simulation

Original

#F7FBFC

Protanopia

#F9F9FC

Deuteranopia

#F8F8FC

Tritanopia

#F7FCFC

Achromatopsia

#FAFAFA

CSS Usage

background-color: #F7FBFC;
color: #F7FBFC;
border-color: #F7FBFC;
Nearest Tailwind: Slate 50 #F8FAFC

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE5EC
300
#A6D3DE
400
#76BACC
500
#45A2BA
600
#388294
700
#2C6877
800
#23515D
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026