Maroon Colors  ·  Color Library

Palettes / Colors / #FBABAC

#FBABAC — Pale Vivid Red

#FBABAC is a red color we call Pale Vivid Red, closest to the named color LightPink (#FFB6C1). It belongs to the red family.

#FBABAC is a warm red color associated with energy, passion and urgency. It is light enough to work as a background or base color, with darker text on top.

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

#FBABAC · RGB 251, 171, 172

Download PNG swatch SVG

Color values

HEX#FBABAC
RGB251, 171, 172
HSL359°, 91%, 83%
HSV359°, 32%, 98%
CMYK0%, 32%, 31%, 2%
XYZ61.79, 52.61, 45.93
Yxy52.61, 0.3854, 0.3281
CIE-Lab77.65, 29.50, 11.47
Hunter Lab72.54, 29.46, 9.64

RGB & CMYK percentages

Red 98% · Green 67% · Blue 67%

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

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

Previews

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

CSS code for #FBABAC

.text { color: #FBABAC; }
.background { background-color: #FBABAC; }
.border { border: 3px solid #FBABAC; }
.text-rgb { color: rgb(251, 171, 172); }
.text-hsl { color: hsl(359, 91%, 83%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FBABAC; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(251, 171, 172, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FBABAC; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(251, 171, 172, 0.8); }

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

Shades of #FBABAC

#F98587#F75E61#F6373A#F41014#D60A0E#AF080B#880609#610506#3A0304#130101

Tints of #FBABAC

#FBB1B2#FCBBBC#FCC0C1#FCC5C5#FDCECF#FDD3D4#FDD8D9#FDDDDD#FEE7E7#FEECEC

Tones of #FBABAC

#F5B2B3#F0B7B8#EABDBE#E5C3C3#DFC8C9#D9CECE

Color harmonies

Complementary — #ACFBFA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.82:1 Fails
Against black text11.52:1 AAA

Best text color on #FBABAC: #000000.

How #FBABAC looks with color blindness

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

Protanopia · #D8D8ACDeuteranopia · #DDE3ACTritanopia · #F7ACAC

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:

Material Grey 500 · #9E9E9ETailwind pink 500 · #EC4899Bootstrap light · #F8F9FA

Palettes with a similar color

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

Palette Feeac9
#FEEAC9 · #FFCDC9 · #FDACAC · #FD7979
Palette 59ac77
#59AC77 · #3A6F43 · #FDAAAA · #FFD5D5
Palette Ffeadd
#FFEADD · #FCAEAE · #FF8989 · #FF6666
Palette 3e1e68
#3E1E68 · #5D2F77 · #E45A92 · #FFACAC
Palette D14d72
#D14D72 · #FFABAB · #FCC8D1 · #FEF2F4
Palette Ffacac
#FFACAC · #FFBFA9 · #FFEBB4 · #FBFFB1

Similar colors

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

#FDACAC#FDAAAA#FCAEAE#FFACAC#FFABAB#F7ADAD#FFAAAA#FFADAD#FBAFAF#FFAFAF#FFAAA7#FEA5AD

Browse neighbouring colors

← #FBABAB  ·  #FBABAD →

Frequently asked questions

What color is #FBABAC?

#FBABAC is Pale Vivid Red, a red color (RGB 251, 171, 172). Its closest standard named color is LightPink.

What is the RGB and HSL of #FBABAC?

#FBABAC is RGB 251, 171, 172 — HSL 359°, 91%, 83% — CMYK 0%, 32%, 31%, 2%.

What colors go with #FBABAC?

Its complement is #ACFBFA; analogous partners are #FBACD5 and #FBD2AC. It also appears in 6+ palettes in our collection.

Can I use #FBABAC for text?

Black text on #FBABAC has a contrast ratio of 11.52:1 (passes WCAG AA); white text gives 1.82:1.