#F8FCF9

#F8FCF9

Color Values

HEX

#F8FCF9

RGB

248, 252, 249

HSL

135.0, 40.0%, 98.0%

HSV

135.0, 1.6%, 98.8%

CMYK

1.6%, 0.0%, 1.2%, 1.2%

OKLCH

0.9872 0.0058 153.8

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F8FCF9

#FCF8FB

Analogous

#F9FCF8

#F8FCFB

#F8FCF9

Triadic

#F8FCF9

#F9F8FC

#FCF9F8

Split Complementary

#F8FCF9

#FBF8FC

#FCF8F9

Tetradic

#F8FCF9

#F8F9FC

#FCF8FB

#FCFBF8

Color Blindness Simulation

Original

#F8FCF9

Protanopia

#FAFAFA

Deuteranopia

#FAF9FA

Tritanopia

#F8FAFA

Achromatopsia

#FBFBFB

CSS Usage

background-color: #F8FCF9;
color: #F8FCF9;
border-color: #F8FCF9;
Nearest Tailwind: Stone 50 #FAFAF9

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CDEAD4
300
#A9DAB6
400
#7BC68E
500
#4CB266
600
#3D8F52
700
#317241
800
#265933
900
#1F4228
950
#142A19

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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