#AB8DC3

Color Details

HEX
#AB8DC3
RGB
rgb(171, 141, 195)
HSL
hsl(273, 31%, 66%)
CMYK
cmyk(12%, 28%, 0%, 24%)
Best text on this color #000000 (CR 7.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ab8dc3
Contrast 7.33:1 AAA
White on #ab8dc3
Contrast 2.87:1 Fail
#ab8dc3 on Black
Contrast 7.33:1 AAA
#ab8dc3 on White
Contrast 2.87:1 Fail

Tints & Shades

#bca4cf
#cdbbdb
#ddd1e7
#89719c
#675575
#44384e

Complement & Analogous

#a6c38d
#c38dc0
#908dc3

Triadic

#c3ab8d
#8dc3ab

Monochrome

#44384e #675575 #ab8dc3 #cdbbdb #ddd1e7 #eee8f3

Analogous

#908dc3 #b1afd5 #ab8dc3 #cfa4cd #c38dc0 #9c719a

Complementary Mix

#675575 #ab8dc3 #cdbbdb #a6c38d #c5d8b5 #6c7f5c

Nearby Colors

#ab8dc2
#ab8dc4
#ab8db3
#ab8dd3

Embed #AB8DC3 swatch

Embed this swatch

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

Open image

About #AB8DC3

#AB8DC3 converts to RGB(171, 141, 195) and HSL(273, 31%, 66%). 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).

#AB8DC3 FAQs

What is the RGB value of #AB8DC3?
RGB: 171, 141, 195. Copy as CSS: rgb(171, 141, 195)
Is #AB8DC3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AB8DC3?
Complement: #a6c38d.
Does #AB8DC3 have good contrast on white or black?
On white: 2.87:1 (Fails AA). On black: 7.33:1 (AAA (normal text)).