HEX Color #3A16CC (Mediumblue)

About #3A16CC

The precise color #3A16CC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 22, and 204.

If you are designing for print, the four-color process is what matters most. The color uses 72% Cyan, 89% Magenta, 0% Yellow, and 20% Black. The HSL representation is 251.9° hue, 80.5% saturation, and 44.3% lightness.

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#3A16CC

RGB58, 22, 204

HSL251.9°, 80.5%, 44.3%

CMYK72%, 89%, 0%, 20%

HSV251.9°, 89.2%, 80.0%

LAB29.0, 63.2, -84.2

XYZ12.9, 5.8, 57.6

Decimal3806924

Color Harmonies

Complementary

#3A16CC #A8CC16

Analogous

#164CCC #9516CC

Triadic

#CC3916 #16CC3A

Tetradic

#CC164C #A8CC16 #16CC94

Tints, Shades & Tones

Tints (Adding White)

#3A16CC

#4F2FD1

#6549D7

#7B63DD

#917DE2

#A797E8

#BDB1EE

#D3CBF3

#E9E5F9

#FFFFFF

Shades (Adding Black)

#3A16CC

#3313B5

#2D119E

#260E88

#200C71

#19095A

#130744

#0C042D

#060216

#000000

WCAG Contrast Accessibility

9.69:1

Text on #FFFFFF

AAA

2.17:1

Text on #000000

FAIL

9.26:1

Text on #F8FAFC

AAA

1.84:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD