#6A5BDC

Color Details

HEX
#6A5BDC
RGB
rgb(106, 91, 220)
HSL
hsl(247, 65%, 61%)
CMYK
cmyk(52%, 59%, 0%, 14%)
Best text on this color #FFFFFF (CR 5.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6a5bdc
Contrast 4.14:1 Fail
White on #6a5bdc
Contrast 5.07:1 AA
#6a5bdc on Black
Contrast 4.14:1 Fail
#6a5bdc on White
Contrast 5.07:1 AA

Tints & Shades

#887ce3
#a69dea
#c3bdf1
#5549b0
#403784
#2a2458

Complement & Analogous

#cddc5b
#ab5bdc
#5b8cdc

Triadic

#dc6a5b
#5bdc6a

Monochrome

#2a2458 #403784 #6a5bdc #a69dea #c3bdf1 #e1def8

Analogous

#5b8cdc #8cafe7 #6a5bdc #bc7ce3 #ab5bdc #8949b0

Complementary Mix

#403784 #6a5bdc #a69dea #cddc5b #dfe894 #858f3b

Nearby Colors

#6a5bdb
#6a5bdd
#6a5bcc
#6a5bec

Embed #6A5BDC swatch

Embed this swatch

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

Open image

About #6A5BDC

#6A5BDC converts to RGB(106, 91, 220) and HSL(247, 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).

#6A5BDC FAQs

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