#F2BCAB

Color Details

HEX
#F2BCAB
RGB
rgb(242, 188, 171)
HSL
hsl(14, 73%, 81%)
CMYK
cmyk(0%, 22%, 29%, 5%)
Best text on this color #000000 (CR 12.56:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f2bcab
Contrast 12.56:1 AAA
White on #f2bcab
Contrast 1.67:1 Fail
#f2bcab on Black
Contrast 12.56:1 AAA
#f2bcab on White
Contrast 1.67:1 Fail

Tints & Shades

#f5c9bc
#f7d7cd
#fae4dd
#c29689
#917167
#614b44

Complement & Analogous

#abe1f2
#f2dfab
#f2abbe

Triadic

#abf2bc
#bcabf2

Monochrome

#614b44 #917167 #f2bcab #f7d7cd #fae4dd #fcf2ee

Analogous

#f2abbe #f6c4d2 #f2bcab #f5e5bc #f2dfab #c2b289

Complementary Mix

#917167 #f2bcab #f7d7cd #abe1f2 #c8ecf7 #6f929d

Nearby Colors

#f2bcaa
#f2bcac
#f2bc9b
#f2bcbb

Embed #F2BCAB swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #F2BCAB

#F2BCAB converts to RGB(242, 188, 171) and HSL(14, 73%, 81%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#F2BCAB FAQs

What is the RGB value of #F2BCAB?
RGB: 242, 188, 171. Copy as CSS: rgb(242, 188, 171)
Is #F2BCAB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F2BCAB?
Complement: #abe1f2.
Does #F2BCAB have good contrast on white or black?
On white: 1.67:1 (Fails AA). On black: 12.56:1 (AAA (normal text)).