HEX Color #3A1DC5 (Mediumblue)

About #3A1DC5

At its core, #3A1DC5 is a medium and vivid hue. It is closely associated with the named CSS color Mediumblue. Its digital footprint relies on 58 parts red, 29 parts green, and 197 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 71% cyan and 85% magenta inks. With a hue angle of 250.4 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#3A1DC5

RGB58, 29, 197

HSL250.4°, 74.3%, 44.3%

CMYK71%, 85%, 0%, 23%

HSV250.4°, 85.3%, 77.3%

LAB28.9, 59.0, -80.2

XYZ12.3, 5.8, 53.3

Decimal3808709

Color Harmonies

Complementary

#3A1DC5 #A8C51D

Analogous

#1D54C5 #8D1DC5

Triadic

#C5391D #1DC539

Tetradic

#C51D53 #A8C51D #1DC58E

Tints, Shades & Tones

Tints (Adding White)

#3A1DC5

#4F36CB

#654FD1

#7B68D8

#9181DE

#A79AE5

#BDB3EB

#D3CCF2

#E9E5F8

#FFFFFF

Shades (Adding Black)

#3A1DC5

#3319AF

#2D1699

#261383

#20106D

#190C57

#130941

#0C062B

#060315

#000000

WCAG Contrast Accessibility

9.71:1

Text on #FFFFFF

AAA

2.16:1

Text on #000000

FAIL

9.28:1

Text on #F8FAFC

AAA

1.84:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD