#B0561D

Color Details

HEX
#B0561D
RGB
rgb(176, 86, 29)
HSL
hsl(23, 72%, 40%)
CMYK
cmyk(0%, 51%, 84%, 31%)
Best text on this color #FFFFFF (CR 5.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0561d
Contrast 4.19:1 Fail
White on #b0561d
Contrast 5.01:1 AA
#b0561d on Black
Contrast 4.19:1 Fail
#b0561d on White
Contrast 5.01:1 AA

Tints & Shades

#c0784a
#d09a77
#dfbba5
#8d4517
#6a3411
#46220c

Complement & Analogous

#1d77af
#af9e1d
#af1d2e

Triadic

#1daf55
#551daf

Monochrome

#46220c #6a3411 #b0561d #d09a77 #dfbba5 #efddd2

Analogous

#af1d2e #c7616d #b0561d #bfb14a #af9e1d #8c7e17

Complementary Mix

#6a3411 #b0561d #d09a77 #1d77af #6ca7cb #134d72

Nearby Colors

#b0561c
#b0561e
#b0560d
#b0562d

Embed #B0561D swatch

Embed this swatch

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

Open image

About #B0561D

#B0561D converts to RGB(176, 86, 29) and HSL(23, 72%, 40%). 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).

#B0561D FAQs

What is the RGB value of #B0561D?
RGB: 176, 86, 29. Copy as CSS: rgb(176, 86, 29)
Is #B0561D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B0561D?
Complement: #1d77af.
Does #B0561D have good contrast on white or black?
On white: 5.01:1 (AA (normal text)). On black: 4.19:1 (AA (large text)).