#FAFAF2

#FAFAF2

Color Values

HEX

#FAFAF2

RGB

250, 250, 242

HSL

60.0, 44.4%, 96.5%

HSV

60.0, 3.2%, 98.0%

CMYK

0.0%, 0.0%, 3.2%, 2.0%

OKLCH

0.9829 0.0105 106.6

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FAFAF2

#F2F2FA

Analogous

#FAF6F2

#F6FAF2

#FAFAF2

Triadic

#FAFAF2

#F2FAFA

#FAF2FA

Split Complementary

#FAFAF2

#F2F6FA

#F6F2FA

Tetradic

#FAFAF2

#F2FAF6

#F2F2FA

#FAF2F6

Color Blindness Simulation

Original

#FAFAF2

Protanopia

#FAFAF4

Deuteranopia

#FAFAF4

Tritanopia

#FAF5F6

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBEBCB
300
#DDDDA7
400
#CBCB77
500
#B8B847
600
#939339
700
#76762D
800
#5C5C23
900
#44441D
950
#2B2B12

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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