#6D5A9C

Color Details

HEX
#6D5A9C
RGB
rgb(109, 90, 156)
HSL
hsl(257, 27%, 48%)
CMYK
cmyk(30%, 42%, 0%, 39%)
Best text on this color #FFFFFF (CR 5.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6d5a9c
Contrast 3.59:1 Fail
White on #6d5a9c
Contrast 5.85:1 AA
#6d5a9c on Black
Contrast 3.59:1 Fail
#6d5a9c on White
Contrast 5.85:1 AA

Tints & Shades

#8a7bb0
#a79cc4
#c5bdd7
#57487d
#41365e
#2c243e

Complement & Analogous

#899b59
#8d599b
#59689b

Triadic

#9b6c59
#599b6c

Monochrome

#2c243e #41365e #6d5a9c #a79cc4 #c5bdd7 #e2deeb

Analogous

#59689b #8b95b9 #6d5a9c #a47aaf #8d599b #71477c

Complementary Mix

#41365e #6d5a9c #a79cc4 #899b59 #b2be93 #59653a

Nearby Colors

#6d5a9b
#6d5a9d
#6d5a8c
#6d5aac

Embed #6D5A9C swatch

Embed this swatch

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

Open image

About #6D5A9C

#6D5A9C converts to RGB(109, 90, 156) and HSL(257, 27%, 48%). 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).

#6D5A9C FAQs

What is the RGB value of #6D5A9C?
RGB: 109, 90, 156. Copy as CSS: rgb(109, 90, 156)
Is #6D5A9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #6D5A9C?
Complement: #899b59.
Does #6D5A9C have good contrast on white or black?
On white: 5.85:1 (AA (normal text)). On black: 3.59:1 (AA (large text)).