#B45E2D

Color Details

HEX
#B45E2D
RGB
rgb(180, 94, 45)
HSL
hsl(22, 60%, 44%)
CMYK
cmyk(0%, 48%, 75%, 29%)
Best text on this color #FFFFFF (CR 4.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b45e2d
Contrast 4.58:1 AA
White on #b45e2d
Contrast 4.59:1 AA
#b45e2d on Black
Contrast 4.58:1 AA
#b45e2d on White
Contrast 4.59:1 AA

Tints & Shades

#c37e57
#d29e81
#e1bfab
#904b24
#6c381b
#482612

Complement & Analogous

#2d82b4
#b4a22d
#b42d3f

Triadic

#2db45e
#5e2db4

Monochrome

#482612 #6c381b #b45e2d #d29e81 #e1bfab #f0dfd5

Analogous

#b42d3f #cb6c79 #b45e2d #c3b557 #b4a22d #908224

Complementary Mix

#6c381b #b45e2d #d29e81 #2d82b4 #77aece #1d5575

Nearby Colors

#b45e2c
#b45e2e
#b45e1d
#b45e3d

Embed #B45E2D swatch

Embed this swatch

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

Open image

About #B45E2D

#B45E2D converts to RGB(180, 94, 45) and HSL(22, 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).

#B45E2D FAQs

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