#858F6C

Color Details

HEX
#858F6C
RGB
rgb(133, 143, 108)
HSL
hsl(77, 14%, 49%)
CMYK
cmyk(7%, 0%, 24%, 44%)
Best text on this color #000000 (CR 6.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #858f6c
Contrast 6.14:1 AA
White on #858f6c
Contrast 3.42:1 Fail
#858f6c on Black
Contrast 6.14:1 AA
#858f6c on White
Contrast 3.42:1 Fail

Tints & Shades

#9da589
#b6bca7
#ced2c4
#6a7256
#505641
#35392b

Complement & Analogous

#756b8e
#6d9861
#988d61

Triadic

#6b858e
#8e6b85

Monochrome

#35392b #505641 #858f6c #b6bca7 #ced2c4 #e7e9e2

Analogous

#988d61 #b7af90 #858f6c #8aad81 #6d9861 #577a4e

Complementary Mix

#505641 #858f6c #b6bca7 #756b8e #a59fb6 #4c465c

Nearby Colors

#858f6b
#858f6d
#858f5c
#858f7c

Embed #858F6C swatch

Embed this swatch

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

Open image

About #858F6C

#858F6C converts to RGB(133, 143, 108) and HSL(77, 14%, 49%). 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).

#858F6C FAQs

What is the RGB value of #858F6C?
RGB: 133, 143, 108. Copy as CSS: rgb(133, 143, 108)
Is #858F6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #858F6C?
Complement: #756b8e.
Does #858F6C have good contrast on white or black?
On white: 3.42:1 (AA (large text)). On black: 6.14:1 (AA (normal text)).