#B1726C

Color Details

HEX
#B1726C
RGB
rgb(177, 114, 108)
HSL
hsl(5, 31%, 56%)
CMYK
cmyk(0%, 36%, 39%, 31%)
Best text on this color #000000 (CR 5.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1726c
Contrast 5.49:1 AA
White on #b1726c
Contrast 3.82:1 Fail
#b1726c on Black
Contrast 5.49:1 AA
#b1726c on White
Contrast 3.82:1 Fail

Tints & Shades

#c18e89
#d0aaa7
#e0c7c4
#8e5b56
#6a4441
#472e2b

Complement & Analogous

#6cacb2
#b2956c
#b26c89

Triadic

#6cb272
#726cb2

Monochrome

#472e2b #6a4441 #b1726c #d0aaa7 #e0c7c4 #efe3e2

Analogous

#b26c89 #c998ac #b1726c #c1aa89 #b2956c #8e7756

Complementary Mix

#6a4441 #b1726c #d0aaa7 #6cacb2 #9fc9cd #467074

Nearby Colors

#b1726b
#b1726d
#b1725c
#b1727c

Embed #B1726C swatch

Embed this swatch

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

Open image

About #B1726C

#B1726C converts to RGB(177, 114, 108) and HSL(5, 31%, 56%). 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).

#B1726C FAQs

What is the RGB value of #B1726C?
RGB: 177, 114, 108. Copy as CSS: rgb(177, 114, 108)
Is #B1726C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1726C?
Complement: #6cacb2.
Does #B1726C have good contrast on white or black?
On white: 3.82:1 (AA (large text)). On black: 5.49:1 (AA (normal text)).