HEX Color #5F3AE9 (Blueviolet)

About #5F3AE9

The hex code #5F3AE9 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 58, and 233.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 59% cyan and 75% magenta inks. 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 medium 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#5F3AE9

RGB95, 58, 233

HSL252.7°, 79.9%, 57.1%

CMYK59%, 75%, 0%, 9%

HSV252.7°, 75.1%, 91.4%

LAB40.2, 60.0, -82.3

XYZ20.9, 11.3, 78.2

Decimal6241001

Color Harmonies

Complementary

#5F3AE9 #C3E939

Analogous

#396CE9 #B639E9

Triadic

#E95F39 #39E95F

Tetradic

#E9396C #C3E939 #39E9B6

Tints, Shades & Tones

Tints (Adding White)

#5F3AE9

#704FEB

#8265ED

#947BF0

#A691F2

#B7A7F5

#C9BDF7

#DBD3FA

#EDE9FC

#FFFFFF

Shades (Adding Black)

#5F3AE9

#5433CF

#492DB5

#3F269B

#342081

#2A1967

#1F134D

#150C33

#0A0619

#000000

WCAG Contrast Accessibility

6.43:1

Text on #FFFFFF

AA

3.27:1

Text on #000000

AA Large

6.14:1

Text on #F8FAFC

AA

2.78:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F3AE9; }

.text-color { color: #5F3AE9; }

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

Similar Colors

Blueviolet

#8A2BE2