#B1382C

Color Details

HEX
#B1382C
RGB
rgb(177, 56, 44)
HSL
hsl(5, 60%, 43%)
CMYK
cmyk(0%, 68%, 75%, 31%)
Best text on this color #FFFFFF (CR 6.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1382c
Contrast 3.47:1 Fail
White on #b1382c
Contrast 6.05:1 AA
#b1382c on Black
Contrast 3.47:1 Fail
#b1382c on White
Contrast 6.05:1 AA

Tints & Shades

#c16056
#d08880
#e0afab
#8e2d23
#6a221a
#471612

Complement & Analogous

#2ca4af
#af792c
#af2c63

Triadic

#2caf37
#372caf

Monochrome

#471612 #6a221a #b1382c #d08880 #e0afab #efd7d5

Analogous

#af2c63 #c76b92 #b1382c #bf9456 #af792c #8c6123

Complementary Mix

#6a221a #b1382c #d08880 #2ca4af #76c4cb #1d6b72

Nearby Colors

#b1382b
#b1382d
#b1381c
#b1383c

Embed #B1382C swatch

Embed this swatch

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

Open image

About #B1382C

#B1382C converts to RGB(177, 56, 44) and HSL(5, 60%, 43%). 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).

#B1382C FAQs

What is the RGB value of #B1382C?
RGB: 177, 56, 44. Copy as CSS: rgb(177, 56, 44)
Is #B1382C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1382C?
Complement: #2ca4af.
Does #B1382C have good contrast on white or black?
On white: 6.05:1 (AA (normal text)). On black: 3.47:1 (AA (large text)).