Maroon Colors  ·  Color Library

Palettes / Colors / #FBFAFA

#FBFAFA — Pure White

#FBFAFA is a white color we call Pure White, closest to the named color Snow (#FFFAFA). It belongs to the white family.

#FBFAFA is a neutral white color associated with cleanliness, space and minimalism. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #F9FAFA; it also sits naturally between #FAF9FA and #FAFAF9. In the palettes below you can see it working alongside real color combinations from our collection.

#FBFAFA · RGB 251, 250, 250

Download PNG swatch SVG

Color values

HEX#FBFAFA
RGB251, 250, 250
HSL0°, 11%, 98%
HSV0°, 0%, 98%
CMYK0%, 0%, 0%, 2%
XYZ91.22, 95.78, 104.12
Yxy95.78, 0.3133, 0.3290
CIE-Lab98.35, 0.34, 0.11
Hunter Lab97.87, 0.34, 0.11

RGB & CMYK percentages

Red 98% · Green 98% · Blue 98%

Cyan 0% · Magenta 0% · Yellow 0% · Key 2%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FBFAFA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FBFAFA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FBFAFA

.text { color: #FBFAFA; }
.background { background-color: #FBFAFA; }
.border { border: 3px solid #FBFAFA; }
.text-rgb { color: rgb(251, 250, 250); }
.text-hsl { color: hsl(0, 11%, 98%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FBFAFA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(251, 250, 250, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FBFAFA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(251, 250, 250, 0.8); }

HTML: <p style="color:#FBFAFA">Text here</p> · <div style="background-color:#FBFAFA">Div content here</div>

Shades of #FBFAFA

#E6E0E0#CFC4C4#BBAAAA#A48E8E#907474#775F5F#5B4949#413434#251E1E#0B0909

Tints of #FBFAFA

#FAF9F9#FAF9F9#F8F7F7#F8F7F7#F8F7F7#F8F7F7#F8F7F7#F6F4F4#F6F4F4#F6F4F4

Tones of #FBFAFA

#FAF9F9#FAF9F9#FAFAFA#FAFAFA#FAFAFA#FAFAFA

Color harmonies

Complementary — #F9FAFA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.04:1 Fails
Against black text20.16:1 AAA

Best text color on #FBFAFA: #000000.

How #FBFAFA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #FBFBFADeuteranopia · #FBFBFATritanopia · #FBFAFA

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind fuchsia 500 · #D946EF

Palettes with a similar color

These palettes use a close neighbour of #FBFAFA rather than the exact color:

Palette 0a7c6e
#0A7C6E · #F59E0B · #FF6B35 · #FAFAFA
Palette Fafafa
#FAFAFA · #E8F1F5 · #005691 · #004A7C
Palette 07689f
#07689F · #A2D5F2 · #FAFAFA · #FF7E67
Palette F0d78c
#F0D78C · #FCFAFA · #64C4ED · #4F81C7
Palette Fbf9fa
#FBF9FA · #FD0054 · #A80038 · #2B2024
Palette C6e7ff
#C6E7FF · #D4F6FF · #FBFBFB · #FFDDAE

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FAFAFA#FCFAFA#FBF9FA#FBFBFB#F9F9F9#FCF8F8#FDFCFC#F8FAFC#F8F8F8#FDFAF6#FFFCFB#F7FBFC

Browse neighbouring colors

← #FBFAF9  ·  #FBFAFB →

Frequently asked questions

What color is #FBFAFA?

#FBFAFA is Pure White, a white color (RGB 251, 250, 250). Its closest standard named color is Snow.

What is the RGB and HSL of #FBFAFA?

#FBFAFA is RGB 251, 250, 250 — HSL 0°, 11%, 98% — CMYK 0%, 0%, 0%, 2%.

What colors go with #FBFAFA?

Its complement is #F9FAFA; analogous partners are #FAF9FA and #FAFAF9. It also appears in 6+ palettes in our collection.

Can I use #FBFAFA for text?

Black text on #FBFAFA has a contrast ratio of 20.16:1 (passes WCAG AA); white text gives 1.04:1.