HEX Color #3A07C5 (Mediumblue)

About #3A07C5

Visually, #3A07C5 is defined as a vivid purple. Its closest recognized web color is Mediumblue. Its digital footprint relies on 58 parts red, 7 parts green, and 197 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 71% cyan, 96% magenta, 0% yellow, and 23% black. The HSL representation is 256.1° hue, 93.1% saturation, and 40.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#3A07C5

RGB58, 7, 197

HSL256.1°, 93.1%, 40.0%

CMYK71%, 96%, 0%, 23%

HSV256.1°, 96.4%, 77.3%

LAB27.0, 64.9, -83.4

XYZ11.9, 5.1, 53.2

Decimal3803077

Color Harmonies

Complementary

#3A07C5 #91C507

Analogous

#0733C5 #9807C5

Triadic

#C53A07 #07C53A

Tetradic

#C50733 #91C507 #07C599

Tints, Shades & Tones

Tints (Adding White)

#3A07C5

#4F22CB

#653ED1

#7B59D8

#9175DE

#A790E5

#BDACEB

#D3C7F2

#E9E3F8

#FFFFFF

Shades (Adding Black)

#3A07C5

#3306AF

#2D0599

#260483

#20036D

#190357

#130241

#0C012B

#060015

#000000

WCAG Contrast Accessibility

10.41:1

Text on #FFFFFF

AAA

2.02:1

Text on #000000

FAIL

9.95:1

Text on #F8FAFC

AAA

1.71:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD