Maroon Colors  ·  Color Library

Palettes / Colors / #FBABAB

#FBABAB — Pale Vivid Red

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

#FBABAB 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 #ACFBFB; it also sits naturally between #FBACD4 and #FBD4AC. In the palettes below you can see it working alongside real color combinations from our collection.

#FBABAB · RGB 251, 171, 171

Download PNG swatch SVG

Color values

HEX#FBABAB
RGB251, 171, 171
HSL0°, 91%, 83%
HSV0°, 32%, 98%
CMYK0%, 32%, 32%, 2%
XYZ61.70, 52.58, 45.42
Yxy52.58, 0.3863, 0.3292
CIE-Lab77.62, 29.37, 11.98
Hunter Lab72.51, 29.33, 10.04

RGB & CMYK percentages

Red 98% · Green 67% · Blue 67%

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

Previews

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

CSS code for #FBABAB

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

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

Shades of #FBABAB

#F98585#F75E5E#F63737#F41010#D60A0A#AF0808#880606#610505#3A0303#130101

Tints of #FBABAB

#FBB1B1#FCBBBB#FCC0C0#FCC5C5#FDCECE#FDD3D3#FDD8D8#FDDDDD#FEE7E7#FEECEC

Tones of #FBABAB

#F5B2B2#F0B7B7#EABDBD#E5C3C3#DFC8C8#D9CECE

Color harmonies

Complementary — #ACFBFB:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #FBABAB: #000000.

How #FBABAB looks with color blindness

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

Protanopia · #D8D8ABDeuteranopia · #DDE3ABTritanopia · #F7ABAB

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 #FBABAB or a close neighbour

Palette Feeac9
#FEEAC9 · #FFCDC9 · #FDACAC · #FD7979
Palette 59ac77
#59AC77 · #3A6F43 · #FDAAAA · #FFD5D5
Palette D14d72
#D14D72 · #FFABAB · #FCC8D1 · #FEF2F4
Palette 3e1e68
#3E1E68 · #5D2F77 · #E45A92 · #FFACAC
Palette Ffe99a
#FFE99A · #FFD586 · #FFAAAA · #FF9898
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#FFABAB#FFACAC#FFAAAA#FCAEAE#F7ADAD#FFADAD#FBAFAF#FFAAA7#FFAAA6#FFAFAF

Browse neighbouring colors

← #FBABAA  ·  #FBABAC →

Frequently asked questions

What color is #FBABAB?

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

What is the RGB and HSL of #FBABAB?

#FBABAB is RGB 251, 171, 171 — HSL 0°, 91%, 83% — CMYK 0%, 32%, 32%, 2%.

What colors go with #FBABAB?

Its complement is #ACFBFB; analogous partners are #FBACD4 and #FBD4AC. It also appears in 6+ palettes in our collection.

Can I use #FBABAB for text?

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