#AD5BDC

Color Details

HEX
#AD5BDC
RGB
rgb(173, 91, 220)
HSL
hsl(278, 65%, 61%)
CMYK
cmyk(21%, 59%, 0%, 14%)
Best text on this color #000000 (CR 5.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad5bdc
Contrast 5.31:1 AA
White on #ad5bdc
Contrast 3.96:1 Fail
#ad5bdc on Black
Contrast 5.31:1 AA
#ad5bdc on White
Contrast 3.96:1 Fail

Tints & Shades

#bd7ce3
#ce9dea
#debdf1
#8a49b0
#683784
#452458

Complement & Analogous

#8adc5b
#dc5bcb
#6c5bdc

Triadic

#dcad5b
#5bdcad

Monochrome

#452458 #683784 #ad5bdc #ce9dea #debdf1 #efdef8

Analogous

#6c5bdc #988ce7 #ad5bdc #e37cd5 #dc5bcb #b049a2

Complementary Mix

#683784 #ad5bdc #ce9dea #8adc5b #b3e894 #5a8f3b

Nearby Colors

#ad5bdb
#ad5bdd
#ad5bcc
#ad5bec

Embed #AD5BDC swatch

Embed this swatch

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

Open image

About #AD5BDC

#AD5BDC converts to RGB(173, 91, 220) and HSL(278, 65%, 61%). 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).

#AD5BDC FAQs

What is the RGB value of #AD5BDC?
RGB: 173, 91, 220. Copy as CSS: rgb(173, 91, 220)
Is #AD5BDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AD5BDC?
Complement: #8adc5b.
Does #AD5BDC have good contrast on white or black?
On white: 3.96:1 (AA (large text)). On black: 5.31:1 (AA (normal text)).