#6D4A9C

Color Details

HEX
#6D4A9C
RGB
rgb(109, 74, 156)
HSL
hsl(266, 36%, 45%)
CMYK
cmyk(30%, 53%, 0%, 39%)
Best text on this color #FFFFFF (CR 6.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6d4a9c
Contrast 3.11:1 Fail
White on #6d4a9c
Contrast 6.75:1 AA
#6d4a9c on Black
Contrast 3.11:1 Fail
#6d4a9c on White
Contrast 6.75:1 AA

Tints & Shades

#8a6eb0
#a792c4
#c5b7d7
#573b7d
#412c5e
#2c1e3e

Complement & Analogous

#789c49
#97499c
#494f9c

Triadic

#9c6d49
#499c6d

Monochrome

#2c1e3e #412c5e #6d4a9c #a792c4 #c5b7d7 #e2dbeb

Analogous

#494f9c #8084ba #6d4a9c #ac6db0 #97499c #793a7d

Complementary Mix

#412c5e #6d4a9c #a792c4 #789c49 #a7bf89 #4e652f

Nearby Colors

#6d4a9b
#6d4a9d
#6d4a8c
#6d4aac

Embed #6D4A9C swatch

Embed this swatch

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

Open image

About #6D4A9C

#6D4A9C converts to RGB(109, 74, 156) and HSL(266, 36%, 45%). 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).

#6D4A9C FAQs

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