HEX Color #830766 (Purple)

About #830766

Visually, #830766 is defined as a vivid magenta. Its closest recognized web color is Purple. Its digital footprint relies on 131 parts red, 7 parts green, and 102 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 95% magenta inks. With a hue angle of 314.0 degrees, it sits comfortably in the magenta spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#830766

RGB131, 7, 102

HSL314.0°, 89.9%, 27.1%

CMYK0%, 95%, 22%, 49%

HSV314.0°, 94.7%, 51.4%

LAB29.3, 54.6, -20.7

XYZ11.8, 5.9, 13.1

Decimal8587110

Color Harmonies

Complementary

#830766 #078323

Analogous

#610783 #830727

Triadic

#668307 #076583

Tetradic

#836107 #078323 #072883

Tints, Shades & Tones

Tints (Adding White)

#830766

#902277

#9E3E88

#AC5999

#BA75AA

#C790BB

#D5ACCC

#E3C7DD

#F1E3EE

#FFFFFF

Shades (Adding Black)

#830766

#74065A

#65054F

#570444

#480338

#3A032D

#2B0222

#1D0116

#0E000B

#000000

WCAG Contrast Accessibility

9.60:1

Text on #FFFFFF

AAA

2.19:1

Text on #000000

FAIL

9.18:1

Text on #F8FAFC

AAA

1.86:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #830766; }

.text-color { color: #830766; }

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

Similar Colors

Purple

#800080