#AD858E

Color Details

HEX
#AD858E
RGB
rgb(173, 133, 142)
HSL
hsl(347, 20%, 60%)
CMYK
cmyk(0%, 23%, 18%, 32%)
Best text on this color #000000 (CR 6.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad858e
Contrast 6.52:1 AA
White on #ad858e
Contrast 3.22:1 Fail
#ad858e on Black
Contrast 6.52:1 AA
#ad858e on White
Contrast 3.22:1 Fail

Tints & Shades

#bd9da5
#ceb6bb
#deced2
#8a6a72
#685055
#453539

Complement & Analogous

#85ada5
#af8f83
#af83a3

Triadic

#8dad85
#858dad

Monochrome

#453539 #685055 #ad858e #ceb6bb #deced2 #efe7e8

Analogous

#af83a3 #c7a8bf #ad858e #bfa59c #af8f83 #8c7269

Complementary Mix

#685055 #ad858e #ceb6bb #85ada5 #b0cac5 #56706b

Nearby Colors

#ad858d
#ad858f
#ad857e
#ad859e

Embed #AD858E swatch

Embed this swatch

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

Open image

About #AD858E

#AD858E converts to RGB(173, 133, 142) and HSL(347, 20%, 60%). 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).

#AD858E FAQs

What is the RGB value of #AD858E?
RGB: 173, 133, 142. Copy as CSS: rgb(173, 133, 142)
Is #AD858E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AD858E?
Complement: #85ada5.
Does #AD858E have good contrast on white or black?
On white: 3.22:1 (AA (large text)). On black: 6.52:1 (AA (normal text)).