#6A5BCC

Color Details

HEX
#6A5BCC
RGB
rgb(106, 91, 204)
HSL
hsl(248, 53%, 58%)
CMYK
cmyk(48%, 55%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6a5bcc
Contrast 3.98:1 Fail
White on #6a5bcc
Contrast 5.27:1 AA
#6a5bcc on Black
Contrast 3.98:1 Fail
#6a5bcc on White
Contrast 5.27:1 AA

Tints & Shades

#887cd6
#a69de0
#c3bdeb
#5549a3
#40377a
#2a2452

Complement & Analogous

#becd5b
#a35bcd
#5b85cd

Triadic

#cd6a5b
#5bcd6a

Monochrome

#2a2452 #40377a #6a5bcc #a69de0 #c3bdeb #e1def5

Analogous

#5b85cd #8caadc #6a5bcc #b57cd7 #a35bcd #8249a4

Complementary Mix

#40377a #6a5bcc #a69de0 #becd5b #d5df94 #7c853b

Nearby Colors

#6a5bcb
#6a5bcd
#6a5bbc
#6a5bdc

Embed #6A5BCC swatch

Embed this swatch

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

Open image

About #6A5BCC

#6A5BCC converts to RGB(106, 91, 204) and HSL(248, 53%, 58%). 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).

#6A5BCC FAQs

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