HEX Color #8349B6 (Rebeccapurple)

About #8349B6

The precise color #8349B6 is an excellent choice for modern design projects. Its closest recognized web color is Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 73, and 182.

If you are designing for print, the four-color process is what matters most. The color uses 28% Cyan, 60% Magenta, 0% Yellow, and 29% Black. The HSL representation is 271.9° hue, 42.7% saturation, and 50.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8349B6

RGB131, 73, 182

HSL271.9°, 42.7%, 50.0%

CMYK28%, 60%, 0%, 29%

HSV271.9°, 59.9%, 71.4%

LAB42.7, 45.2, -48.5

XYZ20.2, 13.0, 45.7

Decimal8604086

Color Harmonies

Complementary

#8349B6 #7BB649

Analogous

#4C49B6 #B649B2

Triadic

#B68349 #49B683

Tetradic

#B64C49 #7BB649 #49B2B6

Tints, Shades & Tones

Tints (Adding White)

#8349B6

#905DBE

#9E71C6

#AC85CE

#BA99D6

#C7AEDE

#D5C2E6

#E3D6EE

#F1EAF6

#FFFFFF

Shades (Adding Black)

#8349B6

#7440A1

#65388D

#573079

#482865

#3A2050

#2B183C

#1D1028

#0E0814

#000000

WCAG Contrast Accessibility

5.84:1

Text on #FFFFFF

AA

3.59:1

Text on #000000

AA Large

5.59:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8349B6; }

.text-color { color: #8349B6; }

.border-color { border: 2px solid #8349B6; }

Similar Colors

Rebeccapurple

#663399