#B3AF6E

Color Details

HEX
#B3AF6E
RGB
rgb(179, 175, 110)
HSL
hsl(57, 31%, 57%)
CMYK
cmyk(0%, 2%, 39%, 30%)
Best text on this color #000000 (CR 9.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b3af6e
Contrast 9.27:1 AAA
White on #b3af6e
Contrast 2.26:1 Fail
#b3af6e on Black
Contrast 9.27:1 AAA
#b3af6e on White
Contrast 2.26:1 Fail

Tints & Shades

#c2bf8b
#d1cfa8
#e1dfc5
#8f8c58
#6b6942
#48462c

Complement & Analogous

#6f73b3
#95b36f
#b38e6f

Triadic

#6fb3b0
#b06fb3

Monochrome

#48462c #6b6942 #b3af6e #d1cfa8 #e1dfc5 #f0efe2

Analogous

#b38e6f #cab09a #b3af6e #aac28c #95b36f #778f59

Complementary Mix

#6b6942 #b3af6e #d1cfa8 #6f73b3 #a1a4ce #484b74

Nearby Colors

#b3af6d
#b3af6f
#b3af5e
#b3af7e

Embed #B3AF6E swatch

Embed this swatch

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

Open image

About #B3AF6E

#B3AF6E converts to RGB(179, 175, 110) and HSL(57, 31%, 57%). 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).

#B3AF6E FAQs

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