#5F00AF

A dark, vivid purple closely aligning with Blueviolet.

About #5F00AF

Visually, #5F00AF is defined as a vivid purple. It is closely associated with the named CSS color Blueviolet. Its digital footprint relies on 95 parts red, 0 parts green, and 175 parts blue light.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 46% C, 100% M, 0% Y, and 31% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F00AF
RGB95, 0, 175
HSL272.6°, 100.0%, 34.3%
CMYK46%, 100%, 0%, 31%
HSV272.6°, 100.0%, 68.6%
LAB28.2, 63.5, -68.2
XYZ12.5, 5.5, 41.0
Decimal6226095

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.97:1
Text on #FFFFFF
AAA
2.11:1
Text on #000000
FAIL
9.53:1
Text on #F8FAFC
AAA
1.79:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5F00AF; }
.text-color { color: #5F00AF; }
.border-color { border: 2px solid #5F00AF; }

Similar Colors

Blueviolet
#8A2BE2