HEX Color #8333AF (Rebeccapurple)

About #8333AF

The precise color #8333AF is an excellent choice for modern design projects. Designers often compare it to the standard color Rebeccapurple. Its digital footprint relies on 131 parts red, 51 parts green, and 175 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 25% Cyan, 71% Magenta, 0% Yellow, and 31% Black. With a hue angle of 278.7 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8333AF

RGB131, 51, 175

HSL278.7°, 54.9%, 44.3%

CMYK25%, 71%, 0%, 31%

HSV278.7°, 70.9%, 68.6%

LAB38.4, 54.3, -51.4

XYZ18.3, 10.3, 41.6

Decimal8598447

Color Harmonies

Complementary

#8333AF #5FAF32

Analogous

#4432AF #AF329D

Triadic

#AF8232 #32AF83

Tetradic

#AF4432 #5FAF32 #329CAF

Tints, Shades & Tones

Tints (Adding White)

#8333AF

#9049B7

#9E60C0

#AC77C9

#BA8DD2

#C7A4DB

#D5BBE4

#E3D1ED

#F1E8F6

#FFFFFF

Shades (Adding Black)

#8333AF

#742D9B

#652788

#572274

#481C61

#3A164D

#2B113A

#1D0B26

#0E0513

#000000

WCAG Contrast Accessibility

6.87:1

Text on #FFFFFF

AA

3.06:1

Text on #000000

AA Large

6.56:1

Text on #F8FAFC

AA

2.60:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8333AF; }

.text-color { color: #8333AF; }

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

Similar Colors

Rebeccapurple

#663399