#6A2E9C

Color Details

HEX
#6A2E9C
RGB
rgb(106, 46, 156)
HSL
hsl(273, 54%, 40%)
CMYK
cmyk(32%, 71%, 0%, 39%)
Best text on this color #FFFFFF (CR 8.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6a2e9c
Contrast 2.48:1 Fail
White on #6a2e9c
Contrast 8.46:1 AAA
#6a2e9c on Black
Contrast 2.48:1 Fail
#6a2e9c on White
Contrast 8.46:1 AAA

Tints & Shades

#8858b0
#a682c4
#c3abd7
#55257d
#401c5e
#2a123e

Complement & Analogous

#609d2f
#9d2f98
#342f9d

Triadic

#9d6c2f
#2f9d6c

Monochrome

#2a123e #401c5e #6a2e9c #a682c4 #c3abd7 #e1d5eb

Analogous

#342f9d #716dba #6a2e9c #b159ad #9d2f98 #7e267a

Complementary Mix

#401c5e #6a2e9c #a682c4 #609d2f #98bf78 #3e661f

Nearby Colors

#6a2e9b
#6a2e9d
#6a2e8c
#6a2eac

Embed #6A2E9C swatch

Embed this swatch

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

Open image

About #6A2E9C

#6A2E9C converts to RGB(106, 46, 156) and HSL(273, 54%, 40%). 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).

#6A2E9C FAQs

What is the RGB value of #6A2E9C?
RGB: 106, 46, 156. Copy as CSS: rgb(106, 46, 156)
Is #6A2E9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #6A2E9C?
Complement: #609d2f.
Does #6A2E9C have good contrast on white or black?
On white: 8.46:1 (AAA (normal text)). On black: 2.48:1 (Fails AA).