#B14B3C

Color Details

HEX
#B14B3C
RGB
rgb(177, 75, 60)
HSL
hsl(8, 49%, 46%)
CMYK
cmyk(0%, 58%, 66%, 31%)
Best text on this color #FFFFFF (CR 5.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b14b3c
Contrast 3.94:1 Fail
White on #b14b3c
Contrast 5.33:1 AA
#b14b3c on Black
Contrast 3.94:1 Fail
#b14b3c on White
Contrast 5.33:1 AA

Tints & Shades

#c16f63
#d0938a
#e0b7b1
#8e3c30
#6a2d24
#471e18

Complement & Analogous

#3c9faf
#af853c
#af3c66

Triadic

#3caf4b
#4b3caf

Monochrome

#471e18 #6a2d24 #b14b3c #d0938a #e0b7b1 #efdbd8

Analogous

#af3c66 #c77794 #b14b3c #bf9d63 #af853c #8c6a30

Complementary Mix

#6a2d24 #b14b3c #d0938a #3c9faf #80c1cb #276772

Nearby Colors

#b14b3b
#b14b3d
#b14b2c
#b14b4c

Embed #B14B3C swatch

Embed this swatch

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

Open image

About #B14B3C

#B14B3C converts to RGB(177, 75, 60) and HSL(8, 49%, 46%). 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).

#B14B3C FAQs

What is the RGB value of #B14B3C?
RGB: 177, 75, 60. Copy as CSS: rgb(177, 75, 60)
Is #B14B3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B14B3C?
Complement: #3c9faf.
Does #B14B3C have good contrast on white or black?
On white: 5.33:1 (AA (normal text)). On black: 3.94:1 (AA (large text)).