HEX Color #6D3AA8 (Rebeccapurple)

About #6D3AA8

When working with digital screens, the color #6D3AA8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Rebeccapurple. In the RGB color space, it consists of 109 red, 58 green, and 168 blue.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 35% cyan and 65% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6D3AA8

RGB109, 58, 168

HSL267.8°, 48.7%, 44.3%

CMYK35%, 65%, 0%, 34%

HSV267.8°, 65.5%, 65.9%

LAB36.2, 44.6, -50.9

XYZ14.9, 9.1, 38.0

Decimal7158440

Color Harmonies

Complementary

#6D3AA8 #74A839

Analogous

#393DA8 #A439A8

Triadic

#A86D39 #39A86D

Tetradic

#A8393D #74A839 #39A8A4

Tints, Shades & Tones

Tints (Adding White)

#6D3AA8

#7D4FB1

#8D65BB

#9D7BC5

#AD91CE

#BEA7D8

#CEBDE2

#DED3EB

#EEE9F5

#FFFFFF

Shades (Adding Black)

#6D3AA8

#603395

#542D82

#482670

#3C205D

#30194A

#241338

#180C25

#0C0612

#000000

WCAG Contrast Accessibility

7.44:1

Text on #FFFFFF

AAA

2.82:1

Text on #000000

FAIL

7.12:1

Text on #F8FAFC

AAA

2.40:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D3AA8; }

.text-color { color: #6D3AA8; }

.border-color { border: 2px solid #6D3AA8; }

Similar Colors

Rebeccapurple

#663399