HEX Color #3A0FC5 (Mediumblue)

About #3A0FC5

When working with digital screens, the color #3A0FC5 is rendered by mixing light. Its closest recognized web color is Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 15, and 197.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 71% cyan, 92% magenta, 0% yellow, and 23% black. Always request a physical proof before doing a large print run with this exact code.

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

RGB58, 15, 197

HSL254.2°, 85.8%, 41.6%

CMYK71%, 92%, 0%, 23%

HSV254.2°, 92.4%, 77.3%

LAB27.5, 63.3, -82.5

XYZ12.0, 5.3, 53.2

Decimal3805125

Color Harmonies

Complementary

#3A0FC5 #99C50E

Analogous

#0E3EC5 #950EC5

Triadic

#C53A0E #0EC53A

Tetradic

#C50E3E #99C50E #0EC595

Tints, Shades & Tones

Tints (Adding White)

#3A0FC5

#4F29CB

#6544D1

#7B5FD8

#9179DE

#A794E5

#BDAFEB

#D3C9F2

#E9E4F8

#FFFFFF

Shades (Adding Black)

#3A0FC5

#330DAF

#2D0B99

#260A83

#20086D

#190657

#130541

#0C032B

#060115

#000000

WCAG Contrast Accessibility

10.22:1

Text on #FFFFFF

AAA

2.05:1

Text on #000000

FAIL

9.77:1

Text on #F8FAFC

AAA

1.75:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD