#B08A3C

Color Details

HEX
#B08A3C
RGB
rgb(176, 138, 60)
HSL
hsl(40, 49%, 46%)
CMYK
cmyk(0%, 22%, 66%, 31%)
Best text on this color #000000 (CR 6.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b08a3c
Contrast 6.55:1 AA
White on #b08a3c
Contrast 3.21:1 Fail
#b08a3c on Black
Contrast 6.55:1 AA
#b08a3c on White
Contrast 3.21:1 Fail

Tints & Shades

#c0a163
#d0b98a
#dfd0b1
#8d6e30
#6a5324
#463718

Complement & Analogous

#3c62af
#9caf3c
#af4f3c

Triadic

#3caf88
#883caf

Monochrome

#463718 #6a5324 #b08a3c #d0b98a #dfd0b1 #efe8d8

Analogous

#af4f3c #c78477 #b08a3c #b0bf63 #9caf3c #7d8c30

Complementary Mix

#6a5324 #b08a3c #d0b98a #3c62af #8099cb #274072

Nearby Colors

#b08a3b
#b08a3d
#b08a2c
#b08a4c

Embed #B08A3C swatch

Embed this swatch

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

Open image

About #B08A3C

#B08A3C converts to RGB(176, 138, 60) and HSL(40, 49%, 46%). 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).

#B08A3C FAQs

What is the RGB value of #B08A3C?
RGB: 176, 138, 60. Copy as CSS: rgb(176, 138, 60)
Is #B08A3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B08A3C?
Complement: #3c62af.
Does #B08A3C have good contrast on white or black?
On white: 3.21:1 (AA (large text)). On black: 6.55:1 (AA (normal text)).