#B14D3D

Color Details

HEX
#B14D3D
RGB
rgb(177, 77, 61)
HSL
hsl(8, 49%, 47%)
CMYK
cmyk(0%, 56%, 66%, 31%)
Best text on this color #FFFFFF (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b14d3d
Contrast 4.00:1 Fail
White on #b14d3d
Contrast 5.25:1 AA
#b14d3d on Black
Contrast 4.00:1 Fail
#b14d3d on White
Contrast 5.25:1 AA

Tints & Shades

#c17164
#d0948b
#e0b8b1
#8e3e31
#6a2e25
#471f18

Complement & Analogous

#3da3b3
#b3883d
#b33d68

Triadic

#3db34d
#4d3db3

Monochrome

#471f18 #6a2e25 #b14d3d #d0948b #e0b8b1 #efdbd8

Analogous

#b33d68 #ca7795 #b14d3d #c2a064 #b3883d #8f6d31

Complementary Mix

#6a2e25 #b14d3d #d0948b #3da3b3 #81c3ce #286a74

Nearby Colors

#b14d3c
#b14d3e
#b14d2d
#b14d4d

Embed #B14D3D swatch

Embed this swatch

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

Open image

About #B14D3D

#B14D3D converts to RGB(177, 77, 61) and HSL(8, 49%, 47%). 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).

#B14D3D FAQs

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