#AFB59C

Color Details

HEX
#AFB59C
RGB
rgb(175, 181, 156)
HSL
hsl(74, 14%, 66%)
CMYK
cmyk(3%, 0%, 14%, 29%)
Best text on this color #000000 (CR 9.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #afb59c
Contrast 9.91:1 AAA
White on #afb59c
Contrast 2.12:1 Fail
#afb59c on Black
Contrast 9.91:1 AAA
#afb59c on White
Contrast 2.12:1 Fail

Tints & Shades

#bfc4b0
#cfd3c4
#dfe1d7
#8c917d
#696d5e
#46483e

Complement & Analogous

#a29cb4
#9fbb95
#bbb195

Triadic

#9cafb4
#b49caf

Monochrome

#46483e #696d5e #afb59c #cfd3c4 #dfe1d7 #eff0eb

Analogous

#bbb195 #cfc8b5 #afb59c #b2c9aa #9fbb95 #7f9677

Complementary Mix

#696d5e #afb59c #cfd3c4 #a29cb4 #c3bfce #696575

Nearby Colors

#afb59b
#afb59d
#afb58c
#afb5ac

Embed #AFB59C swatch

Embed this swatch

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

Open image

About #AFB59C

#AFB59C converts to RGB(175, 181, 156) and HSL(74, 14%, 66%). 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).

#AFB59C FAQs

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