#F5BCC7

Color Details

HEX
#F5BCC7
RGB
rgb(245, 188, 199)
HSL
hsl(348, 74%, 85%)
CMYK
cmyk(0%, 23%, 19%, 4%)
Best text on this color #000000 (CR 12.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f5bcc7
Contrast 12.90:1 AAA
White on #f5bcc7
Contrast 1.63:1 Fail
#f5bcc7 on Black
Contrast 12.90:1 AAA
#f5bcc7 on White
Contrast 1.63:1 Fail

Tints & Shades

#f7c9d2
#f9d7dd
#fbe4e9
#c4969f
#937177
#624b50

Complement & Analogous

#bcf5ea
#f5cdbc
#f5bce4

Triadic

#c8f5bc
#bcc8f5

Monochrome

#624b50 #937177 #f5bcc7 #f9d7dd #fbe4e9 #fdf2f4

Analogous

#f5bce4 #f8d0ec #f5bcc7 #f7d7c9 #f5cdbc #c4a496

Complementary Mix

#937177 #f5bcc7 #f9d7dd #bcf5ea #d3f9f1 #7a9f98

Nearby Colors

#f5bcc6
#f5bcc8
#f5bcb7
#f5bcd7

Embed #F5BCC7 swatch

Embed this swatch

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

Open image

About #F5BCC7

#F5BCC7 converts to RGB(245, 188, 199) and HSL(348, 74%, 85%). 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).

#F5BCC7 FAQs

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