#BACFCC

Color Details

HEX
#BACFCC
RGB
rgb(186, 207, 204)
HSL
hsl(171, 18%, 77%)
CMYK
cmyk(10%, 0%, 1%, 19%)
Best text on this color #000000 (CR 12.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bacfcc
Contrast 12.88:1 AAA
White on #bacfcc
Contrast 1.63:1 Fail
#bacfcc on Black
Contrast 12.88:1 AAA
#bacfcc on White
Contrast 1.63:1 Fail

Tints & Shades

#c8d9d6
#d6e2e0
#e3eceb
#95a6a3
#707c7a
#4a5352

Complement & Analogous

#cfbabd
#b7c8d1
#b7d1c0

Triadic

#ccbacf
#cfccba

Monochrome

#4a5352 #707c7a #bacfcc #d6e2e0 #e3eceb #f1f5f5

Analogous

#b7d1c0 #cddfd3 #bacfcc #c5d3da #b7c8d1 #92a0a7

Complementary Mix

#707c7a #bacfcc #d6e2e0 #cfbabd #e0d2d4 #87797b

Nearby Colors

#bacfcb
#bacfcd
#bacfbc
#bacfdc

Embed #BACFCC swatch

Embed this swatch

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

Open image

About #BACFCC

#BACFCC converts to RGB(186, 207, 204) and HSL(171, 18%, 77%). 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).

#BACFCC FAQs

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