HEX Color #3A33F8 (Mediumblue)

About #3A33F8

The precise color #3A33F8 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 58 parts red, 51 parts green, and 248 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 77% cyan and 79% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3A33F8

RGB58, 51, 248

HSL242.1°, 93.4%, 58.6%

CMYK77%, 79%, 0%, 3%

HSV242.1°, 79.4%, 97.3%

LAB37.9, 64.3, -94.5

XYZ19.9, 10.0, 89.7

Decimal3814392

Color Harmonies

Complementary

#3A33F8 #F0F832

Analogous

#328EF8 #9C32F8

Triadic

#F83A32 #32F83A

Tetradic

#F8328E #F0F832 #32F89C

Tints, Shades & Tones

Tints (Adding White)

#3A33F8

#4F49F8

#6560F9

#7B77FA

#918DFB

#A7A4FB

#BDBBFC

#D3D1FD

#E9E8FE

#FFFFFF

Shades (Adding Black)

#3A33F8

#332DDC

#2D27C0

#2622A5

#201C89

#19166E

#131152

#0C0B37

#06051B

#000000

WCAG Contrast Accessibility

6.98:1

Text on #FFFFFF

AA

3.01:1

Text on #000000

AA Large

6.67:1

Text on #F8FAFC

AA

2.56:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD