#F9FAF2

#F9FAF2

Color Values

HEX

#F9FAF2

RGB

249, 250, 242

HSL

67.5, 44.4%, 96.5%

HSV

67.5, 3.2%, 98.0%

CMYK

0.4%, 0.0%, 3.2%, 2.0%

OKLCH

0.9822 0.0106 112.4

Properties

Cool Light Nearest: floralwhite

Color Harmonies

Complementary

#F9FAF2

#F3F2FA

Analogous

#FAF7F2

#F5FAF2

#F9FAF2

Triadic

#F9FAF2

#F2F9FA

#FAF2F9

Split Complementary

#F9FAF2

#F2F5FA

#F7F2FA

Tetradic

#F9FAF2

#F2FAF7

#F3F2FA

#FAF2F5

Color Blindness Simulation

Original

#F9FAF2

Protanopia

#F9F9F4

Deuteranopia

#F9F9F4

Tritanopia

#F9F5F6

Achromatopsia

#F9F9F9

CSS Usage

background-color: #F9FAF2;
color: #F9FAF2;
border-color: #F9FAF2;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E7EBCB
300
#D6DDA7
400
#C0CB77
500
#AAB847
600
#889339
700
#6D762D
800
#555C23
900
#3F441D
950
#282B12

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

19.98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026