#B6AF4F

Color Details

HEX
#B6AF4F
RGB
rgb(182, 175, 79)
HSL
hsl(56, 41%, 51%)
CMYK
cmyk(0%, 4%, 57%, 29%)
Best text on this color #000000 (CR 9.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b6af4f
Contrast 9.23:1 AAA
White on #b6af4f
Contrast 2.27:1 Fail
#b6af4f on Black
Contrast 9.23:1 AAA
#b6af4f on White
Contrast 2.27:1 Fail

Tints & Shades

#c5bf72
#d3cf95
#e2dfb9
#928c3f
#6d692f
#494620

Complement & Analogous

#4f56b5
#89b54f
#b57b4f

Triadic

#4fb5ae
#ae4fb5

Monochrome

#494620 #6d692f #b6af4f #d3cf95 #e2dfb9 #f0efdc

Analogous

#b57b4f #cba384 #b6af4f #a1c472 #89b54f #6e913f

Complementary Mix

#6d692f #b6af4f #d3cf95 #4f56b5 #8d91cf #333876

Nearby Colors

#b6af4e
#b6af50
#b6af3f
#b6af5f

Embed #B6AF4F swatch

Embed this swatch

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

Open image

About #B6AF4F

#B6AF4F converts to RGB(182, 175, 79) and HSL(56, 41%, 51%). 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).

#B6AF4F FAQs

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