#FAFBF2

#FAFBF2

Color Values

HEX

#FAFBF2

RGB

250, 251, 242

HSL

66.7, 52.9%, 96.7%

HSV

66.7, 3.6%, 98.4%

CMYK

0.4%, 0.0%, 3.6%, 1.6%

OKLCH

0.9849 0.0119 111.8

Properties

Cool Light Nearest: floralwhite

Color Harmonies

Complementary

#FAFBF2

#F3F2FB

Analogous

#FBF8F2

#F6FBF2

#FAFBF2

Triadic

#FAFBF2

#F2FAFB

#FBF2FA

Split Complementary

#FAFBF2

#F2F6FB

#F8F2FB

Tetradic

#FAFBF2

#F2FBF8

#F3F2FB

#FBF2F6

Color Blindness Simulation

Original

#FAFBF2

Protanopia

#FAFAF4

Deuteranopia

#FAFAF5

Tritanopia

#FAF6F6

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC8
300
#DBE2A1
400
#C7D36F
500
#B4C33C
600
#909C30
700
#737D26
800
#5A611E
900
#424819
950
#2A2D10

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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