HEX Color #3A00C5 (Mediumblue)

About #3A00C5

When working with digital screens, the color #3A00C5 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumblue. This translates to an RGB value of rgb(58, 0, 197).

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 71% cyan, 100% magenta, 0% yellow, and 23% black. This makes it a relatively light color when applied to physical surfaces.

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

RGB58, 0, 197

HSL257.7°, 100.0%, 38.6%

CMYK71%, 100%, 0%, 23%

HSV257.7°, 100.0%, 77.3%

LAB26.5, 66.2, -84.1

XYZ11.8, 4.9, 53.2

Decimal3801285

Color Harmonies

Complementary

#3A00C5 #8BC500

Analogous

#0028C5 #9C00C5

Triadic

#C53A00 #00C53A

Tetradic

#C50028 #8BC500 #00C59C

Tints, Shades & Tones

Tints (Adding White)

#3A00C5

#4F1CCB

#6538D1

#7B55D8

#9171DE

#A78DE5

#BDAAEB

#D3C6F2

#E9E2F8

#FFFFFF

Shades (Adding Black)

#3A00C5

#3300AF

#2D0099

#260083

#20006D

#190057

#130041

#0C002B

#060015

#000000

WCAG Contrast Accessibility

10.57:1

Text on #FFFFFF

AAA

1.99:1

Text on #000000

FAIL

10.11:1

Text on #F8FAFC

AAA

1.69:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD