#B2842C

Color Details

HEX
#B2842C
RGB
rgb(178, 132, 44)
HSL
hsl(39, 60%, 44%)
CMYK
cmyk(0%, 26%, 75%, 30%)
Best text on this color #000000 (CR 6.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2842c
Contrast 6.23:1 AA
White on #b2842c
Contrast 3.37:1 Fail
#b2842c on Black
Contrast 6.23:1 AA
#b2842c on White
Contrast 3.37:1 Fail

Tints & Shades

#c19d56
#d1b580
#e0ceab
#8e6a23
#6b4f1a
#473512

Complement & Analogous

#2d5cb4
#9fb42d
#b4412d

Triadic

#2db484
#842db4

Monochrome

#473512 #6b4f1a #b2842c #d1b580 #e0ceab #f0e6d5

Analogous

#b4412d #cb7a6c #b2842c #b2c357 #9fb42d #7f9024

Complementary Mix

#6b4f1a #b2842c #d1b580 #2d5cb4 #7795ce #1d3c75

Nearby Colors

#b2842b
#b2842d
#b2841c
#b2843c

Embed #B2842C swatch

Embed this swatch

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

Open image

About #B2842C

#B2842C converts to RGB(178, 132, 44) and HSL(39, 60%, 44%). 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).

#B2842C FAQs

What is the RGB value of #B2842C?
RGB: 178, 132, 44. Copy as CSS: rgb(178, 132, 44)
Is #B2842C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2842C?
Complement: #2d5cb4.
Does #B2842C have good contrast on white or black?
On white: 3.37:1 (AA (large text)). On black: 6.23:1 (AA (normal text)).