#B5523C

Color Details

HEX
#B5523C
RGB
rgb(181, 82, 60)
HSL
hsl(11, 50%, 47%)
CMYK
cmyk(0%, 55%, 67%, 29%)
Best text on this color #FFFFFF (CR 4.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5523c
Contrast 4.24:1 Fail
White on #b5523c
Contrast 4.96:1 AA
#b5523c on Black
Contrast 4.24:1 Fail
#b5523c on White
Contrast 4.96:1 AA

Tints & Shades

#c47563
#d3978a
#e1bab1
#914230
#6d3124
#482118

Complement & Analogous

#3c9eb4
#b48e3c
#b43c62

Triadic

#3cb452
#523cb4

Monochrome

#482118 #6d3124 #b5523c #d3978a #e1bab1 #f0dcd8

Analogous

#b43c62 #cb7791 #b5523c #c3a563 #b48e3c #907230

Complementary Mix

#6d3124 #b5523c #d3978a #3c9eb4 #80c0ce #276775

Nearby Colors

#b5523b
#b5523d
#b5522c
#b5524c

Embed #B5523C swatch

Embed this swatch

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

Open image

About #B5523C

#B5523C converts to RGB(181, 82, 60) and HSL(11, 50%, 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).

#B5523C FAQs

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