HEX Color #3A16BD (Mediumblue)

About #3A16BD

The hex code #3A16BD represents a beautifully specific shade of blue. It is closely associated with the named CSS color Mediumblue. In the RGB color space, it consists of 58 red, 22 green, and 189 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 69% cyan, 88% magenta, 0% yellow, and 26% black. The HSL representation is 252.9° hue, 79.1% saturation, and 41.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#3A16BD

RGB58, 22, 189

HSL252.9°, 79.1%, 41.4%

CMYK69%, 88%, 0%, 26%

HSV252.9°, 88.4%, 74.1%

LAB27.2, 59.3, -78.4

XYZ11.2, 5.1, 48.5

Decimal3806909

Color Harmonies

Complementary

#3A16BD #98BD16

Analogous

#1645BD #8D16BD

Triadic

#BD3A16 #16BD3A

Tetradic

#BD1645 #98BD16 #16BD8D

Tints, Shades & Tones

Tints (Adding White)

#3A16BD

#4F2FC4

#6549CB

#7B63D3

#917DDA

#A797E1

#BDB1E9

#D3CBF0

#E9E5F7

#FFFFFF

Shades (Adding Black)

#3A16BD

#3313A8

#2D1193

#260E7E

#200C69

#190954

#13073F

#0C042A

#060215

#000000

WCAG Contrast Accessibility

10.35:1

Text on #FFFFFF

AAA

2.03:1

Text on #000000

FAIL

9.89:1

Text on #F8FAFC

AAA

1.73:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD