#B2461C

Color Details

HEX
#B2461C
RGB
rgb(178, 70, 28)
HSL
hsl(17, 73%, 40%)
CMYK
cmyk(0%, 61%, 84%, 30%)
Best text on this color #FFFFFF (CR 5.55:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2461c
Contrast 3.79:1 Fail
White on #b2461c
Contrast 5.55:1 AA
#b2461c on Black
Contrast 3.79:1 Fail
#b2461c on White
Contrast 5.55:1 AA

Tints & Shades

#c16b49
#d19077
#e0b5a4
#8e3816
#6b2a11
#471c0b

Complement & Analogous

#1c86b0
#b0901c
#b01c3c

Triadic

#1cb046
#461cb0

Monochrome

#471c0b #6b2a11 #b2461c #d19077 #e0b5a4 #f0dad2

Analogous

#b01c3c #c86077 #b2461c #c0a649 #b0901c #8d7316

Complementary Mix

#6b2a11 #b2461c #d19077 #1c86b0 #6bb0cc #125772

Nearby Colors

#b2461b
#b2461d
#b2460c
#b2462c

Embed #B2461C swatch

Embed this swatch

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

Open image

About #B2461C

#B2461C converts to RGB(178, 70, 28) and HSL(17, 73%, 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).

#B2461C FAQs

What is the RGB value of #B2461C?
RGB: 178, 70, 28. Copy as CSS: rgb(178, 70, 28)
Is #B2461C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2461C?
Complement: #1c86b0.
Does #B2461C have good contrast on white or black?
On white: 5.55:1 (AA (normal text)). On black: 3.79:1 (AA (large text)).