#B4513D

Color Details

HEX
#B4513D
RGB
rgb(180, 81, 61)
HSL
hsl(10, 49%, 47%)
CMYK
cmyk(0%, 55%, 66%, 29%)
Best text on this color #FFFFFF (CR 5.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4513d
Contrast 4.19:1 Fail
White on #b4513d
Contrast 5.02:1 AA
#b4513d on Black
Contrast 4.19:1 Fail
#b4513d on White
Contrast 5.02:1 AA

Tints & Shades

#c37464
#d2978b
#e1b9b1
#904131
#6c3125
#482018

Complement & Analogous

#3d9fb3
#b38b3d
#b33d64

Triadic

#3db351
#513db3

Monochrome

#482018 #6c3125 #b4513d #d2978b #e1b9b1 #f0dcd8

Analogous

#b33d64 #ca7793 #b4513d #c2a264 #b38b3d #8f6f31

Complementary Mix

#6c3125 #b4513d #d2978b #3d9fb3 #81c1ce #286774

Nearby Colors

#b4513c
#b4513e
#b4512d
#b4514d

Embed #B4513D swatch

Embed this swatch

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

Open image

About #B4513D

#B4513D converts to RGB(180, 81, 61) and HSL(10, 49%, 47%). 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).

#B4513D FAQs

What is the RGB value of #B4513D?
RGB: 180, 81, 61. Copy as CSS: rgb(180, 81, 61)
Is #B4513D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4513D?
Complement: #3d9fb3.
Does #B4513D have good contrast on white or black?
On white: 5.02:1 (AA (normal text)). On black: 4.19:1 (AA (large text)).