#FAFDF4

#FAFDF4

Color Values

HEX

#FAFDF4

RGB

250, 253, 244

HSL

80.0, 69.2%, 97.5%

HSV

80.0, 3.6%, 99.2%

CMYK

1.2%, 0.0%, 3.6%, 0.8%

OKLCH

0.9893 0.0122 121.7

Properties

Cool Light Nearest: floralwhite

Color Harmonies

Complementary

#FAFDF4

#F7F4FD

Analogous

#FDFCF4

#F6FDF4

#FAFDF4

Triadic

#FAFDF4

#F4FAFD

#FDF4FA

Split Complementary

#FAFDF4

#F4F6FD

#FCF4FD

Tetradic

#FAFDF4

#F4FDFC

#F7F4FD

#FDF4F6

Color Blindness Simulation

Original

#FAFDF4

Protanopia

#FBFBF6

Deuteranopia

#FBFBF7

Tritanopia

#FAF8F8

Achromatopsia

#FCFCFC

CSS Usage

background-color: #FAFDF4;
color: #FAFDF4;
border-color: #FAFDF4;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F9FCF3
100
#F1F8E3
200
#E4F4C3
300
#D0EC97
400
#B6E25F
500
#9DD827
600
#7EAD1F
700
#648A19
800
#4E6C14
900
#3B4F12
950
#25320C

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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