#B0A85D

Color Details

HEX
#B0A85D
RGB
rgb(176, 168, 93)
HSL
hsl(54, 34%, 53%)
CMYK
cmyk(0%, 5%, 47%, 31%)
Best text on this color #000000 (CR 8.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0a85d
Contrast 8.61:1 AAA
White on #b0a85d
Contrast 2.44:1 Fail
#b0a85d on Black
Contrast 8.61:1 AAA
#b0a85d on White
Contrast 2.44:1 Fail

Tints & Shades

#c0b97d
#d0cb9e
#dfdcbe
#8d864a
#6a6538
#464325

Complement & Analogous

#5e67b0
#8fb05e
#b07f5e

Triadic

#5eb0a8
#a85eb0

Monochrome

#464325 #6a6538 #b0a85d #d0cb9e #dfdcbe #efeedf

Analogous

#b07f5e #c8a58e #b0a85d #a5c07e #8fb05e #728d4b

Complementary Mix

#6a6538 #b0a85d #d0cb9e #5e67b0 #969ccc #3d4372

Nearby Colors

#b0a85c
#b0a85e
#b0a84d
#b0a86d

Embed #B0A85D swatch

Embed this swatch

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

Open image

About #B0A85D

#B0A85D converts to RGB(176, 168, 93) and HSL(54, 34%, 53%). 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).

#B0A85D FAQs

What is the RGB value of #B0A85D?
RGB: 176, 168, 93. Copy as CSS: rgb(176, 168, 93)
Is #B0A85D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B0A85D?
Complement: #5e67b0.
Does #B0A85D have good contrast on white or black?
On white: 2.44:1 (Fails AA). On black: 8.61:1 (AAA (normal text)).