#AFBCCF

Color Details

HEX
#AFBCCF
RGB
rgb(175, 188, 207)
HSL
hsl(216, 25%, 75%)
CMYK
cmyk(15%, 9%, 0%, 19%)
Best text on this color #000000 (CR 10.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #afbccf
Contrast 10.92:1 AAA
White on #afbccf
Contrast 1.92:1 Fail
#afbccf on Black
Contrast 10.92:1 AAA
#afbccf on White
Contrast 1.92:1 Fail

Tints & Shades

#bfc9d9
#cfd7e2
#dfe4ec
#8c96a6
#69717c
#464b53

Complement & Analogous

#cfc2af
#b3afcf
#afcccf

Triadic

#cfafbc
#bccfaf

Monochrome

#464b53 #69717c #afbccf #cfd7e2 #dfe4ec #eff2f5

Analogous

#afcccf #c7dbdd #afbccf #c2bfd9 #b3afcf #8f8ca6

Complementary Mix

#69717c #afbccf #cfd7e2 #cfc2af #e0d7cb #877e72

Nearby Colors

#afbcce
#afbcd0
#afbcbf
#afbcdf

Embed #AFBCCF swatch

Embed this swatch

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

Open image

About #AFBCCF

#AFBCCF converts to RGB(175, 188, 207) and HSL(216, 25%, 75%). 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).

#AFBCCF FAQs

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