HEX Color #3A16D3 (Mediumblue)

About #3A16D3

At its core, #3A16D3 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 58 parts red, 22 parts green, and 211 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 73% cyan, 90% magenta, 0% yellow, and 17% black. The HSL representation is 251.4° hue, 81.1% saturation, and 45.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3A16D3

RGB58, 22, 211

HSL251.4°, 81.1%, 45.7%

CMYK73%, 90%, 0%, 17%

HSV251.4°, 89.6%, 82.7%

LAB29.9, 65.1, -86.8

XYZ13.8, 6.2, 62.1

Decimal3806931

Color Harmonies

Complementary

#3A16D3 #AED316

Analogous

#1650D3 #9816D3

Triadic

#D33A16 #16D33A

Tetradic

#D31650 #AED316 #16D398

Tints, Shades & Tones

Tints (Adding White)

#3A16D3

#4F2FD7

#6549DC

#7B63E1

#917DE6

#A797EB

#BDB1F0

#D3CBF5

#E9E5FA

#FFFFFF

Shades (Adding Black)

#3A16D3

#3313BB

#2D11A4

#260E8C

#200C75

#19095D

#130746

#0C042E

#060217

#000000

WCAG Contrast Accessibility

9.39:1

Text on #FFFFFF

AAA

2.24:1

Text on #000000

FAIL

8.98:1

Text on #F8FAFC

AAA

1.90:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A16D3; }

.text-color { color: #3A16D3; }

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

Similar Colors

Mediumblue

#0000CD