#3307D3

A medium, vivid blue closely aligning with Mediumblue.

About #3307D3

The precise color #3307D3 is an excellent choice for modern design projects. Its closest recognized web color is Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 7, and 211.

If you are designing for print, the four-color process is what matters most. The color uses 76% Cyan, 97% Magenta, 0% Yellow, and 17% Black. With a hue angle of 252.9 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. 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#3307D3
RGB51, 7, 211
HSL252.9°, 93.6%, 42.7%
CMYK76%, 97%, 0%, 17%
HSV252.9°, 96.7%, 82.7%
LAB28.3, 68.1, -89.4
XYZ13.2, 5.6, 62.0
Decimal3344339

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.94:1
Text on #FFFFFF
AAA
2.11:1
Text on #000000
FAIL
9.50:1
Text on #F8FAFC
AAA
1.80:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #3307D3; }
.text-color { color: #3307D3; }
.border-color { border: 2px solid #3307D3; }

Similar Colors

Mediumblue
#0000CD