#B45E3E

Color Details

HEX
#B45E3E
RGB
rgb(180, 94, 62)
HSL
hsl(16, 49%, 47%)
CMYK
cmyk(0%, 48%, 66%, 29%)
Best text on this color #000000 (CR 4.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b45e3e
Contrast 4.61:1 AA
White on #b45e3e
Contrast 4.55:1 AA
#b45e3e on Black
Contrast 4.61:1 AA
#b45e3e on White
Contrast 4.55:1 AA

Tints & Shades

#c37e65
#d29e8b
#e1bfb2
#904b32
#6c3825
#482619

Complement & Analogous

#3d93b3
#b3973d
#b33d59

Triadic

#3db35c
#5c3db3

Monochrome

#482619 #6c3825 #b45e3e #d29e8b #e1bfb2 #f0dfd8

Analogous

#b33d59 #ca778b #b45e3e #c2ac64 #b3973d #8f7931

Complementary Mix

#6c3825 #b45e3e #d29e8b #3d93b3 #81b9ce #286074

Nearby Colors

#b45e3d
#b45e3f
#b45e2e
#b45e4e

Embed #B45E3E swatch

Embed this swatch

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

Open image

About #B45E3E

#B45E3E converts to RGB(180, 94, 62) and HSL(16, 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).

#B45E3E FAQs

What is the RGB value of #B45E3E?
RGB: 180, 94, 62. Copy as CSS: rgb(180, 94, 62)
Is #B45E3E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B45E3E?
Complement: #3d93b3.
Does #B45E3E have good contrast on white or black?
On white: 4.55:1 (AA (normal text)). On black: 4.61:1 (AA (normal text)).