#3316BD
A medium, vivid blue closely aligning with Mediumblue.
About #3316BD
Visually, #3316BD is defined as a vivid 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 189.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 73% C, 88% M, 0% Y, and 26% K. With a hue angle of 250.4 degrees, it sits comfortably in the blue spectrum.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#3316BD
RGB51, 22, 189
HSL250.4°, 79.1%, 41.4%
CMYK73%, 88%, 0%, 26%
HSV250.4°, 88.4%, 74.1%
LAB26.6, 58.8, -79.3
XYZ10.8, 5.0, 48.5
Decimal3348157
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
10.55:1
Text on #FFFFFF
AAA
1.99:1
Text on #000000
FAIL
10.08:1
Text on #F8FAFC
AAA
1.69:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #3316BD;
}
.text-color {
color: #3316BD;
}
.border-color {
border: 2px solid #3316BD;
}