#B08A6C

Color Details

HEX
#B08A6C
RGB
rgb(176, 138, 108)
HSL
hsl(26, 30%, 56%)
CMYK
cmyk(0%, 22%, 39%, 31%)
Best text on this color #000000 (CR 6.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b08a6c
Contrast 6.70:1 AA
White on #b08a6c
Contrast 3.14:1 Fail
#b08a6c on Black
Contrast 6.70:1 AA
#b08a6c on White
Contrast 3.14:1 Fail

Tints & Shades

#c0a189
#d0b9a7
#dfd0c4
#8d6e56
#6a5341
#46372b

Complement & Analogous

#6d93b0
#b0ac6d
#b06d72

Triadic

#6db08a
#8a6db0

Monochrome

#46372b #6a5341 #b08a6c #d0b9a7 #dfd0c4 #efe8e2

Analogous

#b06d72 #c8999c #b08a6c #c0bd8a #b0ac6d #8d8a57

Complementary Mix

#6a5341 #b08a6c #d0b9a7 #6d93b0 #a0b9cc #476072

Nearby Colors

#b08a6b
#b08a6d
#b08a5c
#b08a7c

Embed #B08A6C swatch

Embed this swatch

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

Open image

About #B08A6C

#B08A6C converts to RGB(176, 138, 108) and HSL(26, 30%, 56%). 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).

#B08A6C FAQs

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