HEX Color #3A3AF8 (Mediumblue)

About #3A3AF8

The precise color #3A3AF8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 58, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 77% cyan and 77% magenta inks. 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. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A3AF8

RGB58, 58, 248

HSL240.0°, 93.1%, 60.0%

CMYK77%, 77%, 0%, 3%

HSV240.0°, 76.6%, 97.3%

LAB39.1, 61.0, -92.6

XYZ20.2, 10.7, 89.8

Decimal3816184

Color Harmonies

Complementary

#3A3AF8 #F8F839

Analogous

#3998F8 #9839F8

Triadic

#F83939 #39F839

Tetradic

#F83999 #F8F839 #39F899

Tints, Shades & Tones

Tints (Adding White)

#3A3AF8

#4F4FF8

#6565F9

#7B7BFA

#9191FB

#A7A7FB

#BDBDFC

#D3D3FD

#E9E9FE

#FFFFFF

Shades (Adding Black)

#3A3AF8

#3333DC

#2D2DC0

#2626A5

#202089

#19196E

#131352

#0C0C37

#06061B

#000000

WCAG Contrast Accessibility

6.69:1

Text on #FFFFFF

AA

3.14:1

Text on #000000

AA Large

6.39:1

Text on #F8FAFC

AA

2.67:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD