HEX Color #3316E2 (Mediumblue)

About #3316E2

The hex code #3316E2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 22, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 77% Cyan, 90% Magenta, 0% Yellow, and 11% Black. With a hue angle of 248.5 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. 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#3316E2

RGB51, 22, 226

HSL248.5°, 82.3%, 48.6%

CMYK77%, 90%, 0%, 11%

HSV248.5°, 90.3%, 88.6%

LAB31.3, 68.7, -93.1

XYZ15.4, 6.8, 72.4

Decimal3348194

Color Harmonies

Complementary

#3316E2 #C4E216

Analogous

#165EE2 #9916E2

Triadic

#E23316 #16E233

Tetradic

#E2165E #C4E216 #16E298

Tints, Shades & Tones

Tints (Adding White)

#3316E2

#492FE5

#6049E8

#7763EB

#8D7DEE

#A497F2

#BBB1F5

#D1CBF8

#E8E5FB

#FFFFFF

Shades (Adding Black)

#3316E2

#2D13C8

#2711AF

#220E96

#1C0C7D

#160964

#11074B

#0B0432

#050219

#000000

WCAG Contrast Accessibility

8.92:1

Text on #FFFFFF

AAA

2.35:1

Text on #000000

FAIL

8.53:1

Text on #F8FAFC

AAA

2.00:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3316E2; }

.text-color { color: #3316E2; }

.border-color { border: 2px solid #3316E2; }

Similar Colors

Mediumblue

#0000CD