HEX Color #3A00CC (Mediumblue)

About #3A00CC

When working with digital screens, the color #3A00CC is rendered by mixing light. Its closest recognized web color is Mediumblue. Its digital footprint relies on 58 parts red, 0 parts green, and 204 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 72% cyan and 100% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. 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#3A00CC

RGB58, 0, 204

HSL257.1°, 100.0%, 40.0%

CMYK72%, 100%, 0%, 20%

HSV257.1°, 100.0%, 80.0%

LAB27.5, 67.9, -86.7

XYZ12.6, 5.3, 57.5

Decimal3801292

Color Harmonies

Complementary

#3A00CC #91CC00

Analogous

#002BCC #A000CC

Triadic

#CC3A00 #00CC3A

Tetradic

#CC002B #91CC00 #00CC9F

Tints, Shades & Tones

Tints (Adding White)

#3A00CC

#4F1CD1

#6538D7

#7B55DD

#9171E2

#A78DE8

#BDAAEE

#D3C6F3

#E9E2F9

#FFFFFF

Shades (Adding Black)

#3A00CC

#3300B5

#2D009E

#260088

#200071

#19005A

#130044

#0C002D

#060016

#000000

WCAG Contrast Accessibility

10.23:1

Text on #FFFFFF

AAA

2.05:1

Text on #000000

FAIL

9.78:1

Text on #F8FAFC

AAA

1.74:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD