#B4846C

Color Details

HEX
#B4846C
RGB
rgb(180, 132, 108)
HSL
hsl(20, 32%, 56%)
CMYK
cmyk(0%, 27%, 40%, 29%)
Best text on this color #000000 (CR 6.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4846c
Contrast 6.46:1 AA
White on #b4846c
Contrast 3.25:1 Fail
#b4846c on Black
Contrast 6.46:1 AA
#b4846c on White
Contrast 3.25:1 Fail

Tints & Shades

#c39d89
#d2b5a7
#e1cec4
#906a56
#6c4f41
#48352b

Complement & Analogous

#6b9bb3
#b3a76b
#b36b77

Triadic

#6bb383
#836bb3

Monochrome

#48352b #6c4f41 #b4846c #d2b5a7 #e1cec4 #f0e6e2

Analogous

#b36b77 #ca97a0 #b4846c #c2b989 #b3a76b #8f8656

Complementary Mix

#6c4f41 #b4846c #d2b5a7 #6b9bb3 #9fbece #466574

Nearby Colors

#b4846b
#b4846d
#b4845c
#b4847c

Embed #B4846C swatch

Embed this swatch

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

Open image

About #B4846C

#B4846C converts to RGB(180, 132, 108) and HSL(20, 32%, 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).

#B4846C FAQs

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