#333A99
A medium, moderate blue closely aligning with Darkslateblue.
About #333A99
Visually, #333A99 is defined as a moderate blue. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 58, and 153.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 67% cyan, 62% magenta, 0% yellow, and 40% black. This makes it a relatively light color when applied to physical surfaces.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#333A99
RGB51, 58, 153
HSL235.9°, 50.0%, 40.0%
CMYK67%, 62%, 0%, 40%
HSV235.9°, 66.7%, 60.0%
LAB29.5, 28.6, -52.9
XYZ8.6, 6.0, 30.8
Decimal3357337
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
9.52:1
Text on #FFFFFF
AAA
2.21:1
Text on #000000
FAIL
9.10:1
Text on #F8FAFC
AAA
1.88:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #333A99;
}
.text-color {
color: #333A99;
}
.border-color {
border: 2px solid #333A99;
}