#3349FF

A light, vivid blue closely aligning with Mediumblue.

About #3349FF

The precise color #3349FF 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 51, 73, and 255.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 80% cyan and 71% magenta inks. With a hue angle of 233.5 degrees, it sits comfortably in the blue spectrum.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3349FF
RGB51, 73, 255
HSL233.5°, 100.0%, 60.0%
CMYK80%, 71%, 0%, 0%
HSV233.5°, 80.0%, 100.0%
LAB42.3, 54.8, -91.2
XYZ21.8, 12.7, 95.9
Decimal3361279

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.94:1
Text on #FFFFFF
AA
3.54:1
Text on #000000
AA Large
5.67:1
Text on #F8FAFC
AA
3.01:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #3349FF; }
.text-color { color: #3349FF; }
.border-color { border: 2px solid #3349FF; }

Similar Colors

Mediumblue
#0000CD