#CF878C

Color Details

HEX
#CF878C
RGB
rgb(207, 135, 140)
HSL
hsl(356, 43%, 67%)
CMYK
cmyk(0%, 35%, 32%, 19%)
Best text on this color #000000 (CR 7.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf878c
Contrast 7.50:1 AAA
White on #cf878c
Contrast 2.80:1 Fail
#cf878c on Black
Contrast 7.50:1 AAA
#cf878c on White
Contrast 2.80:1 Fail

Tints & Shades

#d99fa3
#e2b7ba
#eccfd1
#a66c70
#7c5154
#533638

Complement & Analogous

#87cfca
#cfa687
#cf87b0

Triadic

#8bcf87
#878bcf

Monochrome

#533638 #7c5154 #cf878c #e2b7ba #eccfd1 #f5e7e8

Analogous

#cf87b0 #ddabc8 #cf878c #d9b89f #cfa687 #a6856c

Complementary Mix

#7c5154 #cf878c #e2b7ba #87cfca #b1e0dd #588783

Nearby Colors

#cf878b
#cf878d
#cf877c
#cf879c

Embed #CF878C swatch

Embed this swatch

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

Open image

About #CF878C

#CF878C converts to RGB(207, 135, 140) and HSL(356, 43%, 67%). 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).

#CF878C FAQs

What is the RGB value of #CF878C?
RGB: 207, 135, 140. Copy as CSS: rgb(207, 135, 140)
Is #CF878C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CF878C?
Complement: #87cfca.
Does #CF878C have good contrast on white or black?
On white: 2.80:1 (Fails AA). On black: 7.50:1 (AAA (normal text)).