#856B8C

Color Details

HEX
#856B8C
RGB
rgb(133, 107, 140)
HSL
hsl(287, 13%, 48%)
CMYK
cmyk(5%, 24%, 0%, 45%)
Best text on this color #FFFFFF (CR 4.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #856b8c
Contrast 4.48:1 Fail
White on #856b8c
Contrast 4.69:1 AA
#856b8c on Black
Contrast 4.48:1 Fail
#856b8c on White
Contrast 4.69:1 AA

Tints & Shades

#9d89a3
#b6a6ba
#cec4d1
#6a5670
#504054
#352b38

Complement & Analogous

#718a6a
#955f86
#6f5f95

Triadic

#8a836a
#6a8a83

Monochrome

#352b38 #504054 #856b8c #b6a6ba #cec4d1 #e7e1e8

Analogous

#6f5f95 #9a8fb5 #856b8c #aa7f9e #955f86 #774c6b

Complementary Mix

#504054 #856b8c #b6a6ba #718a6a #a3b39e #495a45

Nearby Colors

#856b8b
#856b8d
#856b7c
#856b9c

Embed #856B8C swatch

Embed this swatch

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

Open image

About #856B8C

#856B8C converts to RGB(133, 107, 140) and HSL(287, 13%, 48%). 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).

#856B8C FAQs

What is the RGB value of #856B8C?
RGB: 133, 107, 140. Copy as CSS: rgb(133, 107, 140)
Is #856B8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #856B8C?
Complement: #718a6a.
Does #856B8C have good contrast on white or black?
On white: 4.69:1 (AA (normal text)). On black: 4.48:1 (AA (large text)).