#836E7C

Color Details

HEX
#836E7C
RGB
rgb(131, 110, 124)
HSL
hsl(320, 9%, 47%)
CMYK
cmyk(0%, 16%, 5%, 49%)
Best text on this color #FFFFFF (CR 4.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #836e7c
Contrast 4.49:1 Fail
White on #836e7c
Contrast 4.68:1 AA
#836e7c on Black
Contrast 4.49:1 Fail
#836e7c on White
Contrast 4.68:1 AA

Tints & Shades

#9c8b96
#b5a8b0
#cdc5cb
#695863
#4f424a
#342c32

Complement & Analogous

#6d8374
#925d66
#895d92

Triadic

#7b836d
#6d7b83

Monochrome

#342c32 #4f424a #836e7c #b5a8b0 #cdc5cb #e6e2e5

Analogous

#895d92 #ac8eb3 #836e7c #a87d85 #925d66 #754a52

Complementary Mix

#4f424a #836e7c #b5a8b0 #6d8374 #a0aea5 #47554b

Nearby Colors

#836e7b
#836e7d
#836e6c
#836e8c

Embed #836E7C swatch

Embed this swatch

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

Open image

About #836E7C

#836E7C converts to RGB(131, 110, 124) and HSL(320, 9%, 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).

#836E7C FAQs

What is the RGB value of #836E7C?
RGB: 131, 110, 124. Copy as CSS: rgb(131, 110, 124)
Is #836E7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #836E7C?
Complement: #6d8374.
Does #836E7C have good contrast on white or black?
On white: 4.68:1 (AA (normal text)). On black: 4.49:1 (AA (large text)).