#AFCCCC

Color Details

HEX
#AFCCCC
RGB
rgb(175, 204, 204)
HSL
hsl(180, 22%, 74%)
CMYK
cmyk(14%, 0%, 0%, 20%)
Best text on this color #000000 (CR 12.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #afcccc
Contrast 12.33:1 AAA
White on #afcccc
Contrast 1.70:1 Fail
#afcccc on Black
Contrast 12.33:1 AAA
#afcccc on White
Contrast 1.70:1 Fail

Tints & Shades

#bfd6d6
#cfe0e0
#dfebeb
#8ca3a3
#697a7a
#465252

Complement & Analogous

#cbaeae
#aebdcb
#aecbbd

Triadic

#cbaecb
#cbcbae

Monochrome

#465252 #697a7a #afcccc #cfe0e0 #dfebeb #eff5f5

Analogous

#aecbbd #c6dbd1 #afcccc #becad5 #aebdcb #8b97a2

Complementary Mix

#697a7a #afcccc #cfe0e0 #cbaeae #ddcaca #847171

Nearby Colors

#afcccb
#afcccd
#afccbc
#afccdc

Embed #AFCCCC swatch

Embed this swatch

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

Open image

About #AFCCCC

#AFCCCC converts to RGB(175, 204, 204) and HSL(180, 22%, 74%). 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).

#AFCCCC FAQs

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