#AFAFCC

Color Details

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

Readability Previews

Black on #afafcc
Contrast 9.83:1 AAA
White on #afafcc
Contrast 2.14:1 Fail
#afafcc on Black
Contrast 9.83:1 AAA
#afafcc on White
Contrast 2.14:1 Fail

Tints & Shades

#bfbfd6
#cfcfe0
#dfdfeb
#8c8ca3
#69697a
#464652

Complement & Analogous

#cbcbae
#bdaecb
#aebdcb

Triadic

#cbaeae
#aecbae

Monochrome

#464652 #69697a #afafcc #cfcfe0 #dfdfeb #efeff5

Analogous

#aebdcb #c6d1db #afafcc #cabed5 #bdaecb #978ba2

Complementary Mix

#69697a #afafcc #cfcfe0 #cbcbae #ddddca #848471

Nearby Colors

#afafcb
#afafcd
#afafbc
#afafdc

Embed #AFAFCC swatch

Embed this swatch

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

Open image

About #AFAFCC

#AFAFCC converts to RGB(175, 175, 204) and HSL(240, 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).

#AFAFCC FAQs

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