#FAFDF6

#FAFDF6

Color Values

HEX

#FAFDF6

RGB

250, 253, 246

HSL

85.7, 63.6%, 97.8%

HSV

85.7, 2.8%, 99.2%

CMYK

1.2%, 0.0%, 2.8%, 0.8%

OKLCH

0.9899 0.0097 125.7

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#FAFDF6

#F9F6FD

Analogous

#FDFCF6

#F6FDF6

#FAFDF6

Triadic

#FAFDF6

#F6FAFD

#FDF6FA

Split Complementary

#FAFDF6

#F6F6FD

#FCF6FD

Tetradic

#FAFDF6

#F6FDFC

#F9F6FD

#FDF6F6

Color Blindness Simulation

Original

#FAFDF6

Protanopia

#FBFBF8

Deuteranopia

#FBFBF8

Tritanopia

#FAF9F9

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF7E4
200
#DFF2C5
300
#C7E99B
400
#A9DD65
500
#8BD12E
600
#6FA725
700
#59851E
800
#466817
900
#344C15
950
#21300D

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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