#FAFDF9

#FAFDF9

Color Values

HEX

#FAFDF9

RGB

250, 253, 249

HSL

105.0, 50.0%, 98.4%

HSV

105.0, 1.6%, 99.2%

CMYK

1.2%, 0.0%, 1.6%, 0.8%

OKLCH

0.9907 0.0061 137.8

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#FAFDF9

#FCF9FD

Analogous

#FCFDF9

#F9FDFA

#FAFDF9

Triadic

#FAFDF9

#F9FAFD

#FDF9FA

Split Complementary

#FAFDF9

#FAF9FD

#FDF9FC

Tetradic

#FAFDF9

#F9FCFD

#FCF9FD

#FDFAF9

Color Blindness Simulation

Original

#FAFDF9

Protanopia

#FBFBFA

Deuteranopia

#FBFBFA

Tritanopia

#FAFBFB

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#E9F5E6
200
#D2EDC9
300
#B2E0A3
400
#89D071
500
#60BF40
600
#4D9933
700
#3D7A29
800
#306020
900
#26461B
950
#182C11

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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