#F8C5CB

Color Details

HEX
#F8C5CB
RGB
rgb(248, 197, 203)
HSL
hsl(353, 78%, 87%)
CMYK
cmyk(0%, 21%, 18%, 3%)
Best text on this color #000000 (CR 13.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f8c5cb
Contrast 13.84:1 AAA
White on #f8c5cb
Contrast 1.52:1 Fail
#f8c5cb on Black
Contrast 13.84:1 AAA
#f8c5cb on White
Contrast 1.52:1 Fail

Tints & Shades

#f9d1d5
#fbdce0
#fce8ea
#c69ea2
#95767a
#634f51

Complement & Analogous

#c4f8f2
#f8d8c4
#f8c4e4

Triadic

#caf8c4
#c4caf8

Monochrome

#634f51 #95767a #f8c5cb #fbdce0 #fce8ea #fef3f5

Analogous

#f8c4e4 #fad6ec #f8c5cb #f9e0d0 #f8d8c4 #c6ad9d

Complementary Mix

#95767a #f8c5cb #fbdce0 #c4f8f2 #d9faf7 #7fa19d

Nearby Colors

#f8c5ca
#f8c5cc
#f8c5bb
#f8c5db

Embed #F8C5CB swatch

Embed this swatch

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

Open image

About #F8C5CB

#F8C5CB converts to RGB(248, 197, 203) and HSL(353, 78%, 87%). 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).

#F8C5CB FAQs

What is the RGB value of #F8C5CB?
RGB: 248, 197, 203. Copy as CSS: rgb(248, 197, 203)
Is #F8C5CB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F8C5CB?
Complement: #c4f8f2.
Does #F8C5CB have good contrast on white or black?
On white: 1.52:1 (Fails AA). On black: 13.84:1 (AAA (normal text)).