#F8F9FC

#F8F9FC

Color Values

HEX

#F8F9FC

RGB

248, 249, 252

HSL

225.0, 40.0%, 98.0%

HSV

225.0, 1.6%, 98.8%

CMYK

1.6%, 1.2%, 0.0%, 1.2%

OKLCH

0.9822 0.0041 271.4

Properties

Cool Light Nearest: RAL 9016 Traffic White

Color Harmonies

Complementary

#F8F9FC

#FCFBF8

Analogous

#F8FBFC

#F9F8FC

#F8F9FC

Triadic

#F8F9FC

#FCF8F9

#F9FCF8

Split Complementary

#F8F9FC

#FCF9F8

#FBFCF8

Tetradic

#F8F9FC

#FCF8FB

#FCFBF8

#F8FCF9

Color Blindness Simulation

Original

#F8F9FC

Protanopia

#F8F8FB

Deuteranopia

#F8F8FB

Tritanopia

#F8FBFB

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD4EA
300
#A9B6DA
400
#7B8EC6
500
#4C66B2
600
#3D528F
700
#314172
800
#263359
900
#1F2842
950
#14192A

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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