#B1320C

Color Details

HEX
#B1320C
RGB
rgb(177, 50, 12)
HSL
hsl(14, 87%, 37%)
CMYK
cmyk(0%, 72%, 93%, 31%)
Best text on this color #FFFFFF (CR 6.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1320c
Contrast 3.33:1 Fail
White on #b1320c
Contrast 6.30:1 AA
#b1320c on Black
Contrast 3.33:1 Fail
#b1320c on White
Contrast 6.30:1 AA

Tints & Shades

#c15b3d
#d0846d
#e0ad9e
#8e280a
#6a1e07
#471405

Complement & Analogous

#0c8ab0
#b0850c
#b00c38

Triadic

#0cb033
#330cb0

Monochrome

#471405 #6a1e07 #b1320c #d0846d #e0ad9e #efd6ce

Analogous

#b00c38 #c85574 #b1320c #c09d3d #b0850c #8d6a0a

Complementary Mix

#6a1e07 #b1320c #d0846d #0c8ab0 #61b3cc #085a72

Nearby Colors

#b1320b
#b1320d
#b131fc
#b1321c

Embed #B1320C swatch

Embed this swatch

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

Open image

About #B1320C

#B1320C converts to RGB(177, 50, 12) and HSL(14, 87%, 37%). 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).

#B1320C FAQs

What is the RGB value of #B1320C?
RGB: 177, 50, 12. Copy as CSS: rgb(177, 50, 12)
Is #B1320C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1320C?
Complement: #0c8ab0.
Does #B1320C have good contrast on white or black?
On white: 6.30:1 (AA (normal text)). On black: 3.33:1 (AA (large text)).