#333AFF
A light, vivid blue closely aligning with Mediumblue.
About #333AFF
Visually, #333AFF is defined as a vivid blue. It is closely associated with the named CSS color Mediumblue. In the RGB color space, it consists of 51 red, 58 green, and 255 blue.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 80% Cyan, 77% Magenta, 0% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#333AFF
RGB51, 58, 255
HSL237.9°, 100.0%, 60.0%
CMYK80%, 77%, 0%, 0%
HSV237.9°, 80.0%, 100.0%
LAB39.5, 62.7, -95.8
XYZ20.9, 10.9, 95.6
Decimal3357439
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.58:1
Text on #FFFFFF
AA
3.19:1
Text on #000000
AA Large
6.29:1
Text on #F8FAFC
AA
2.71:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #333AFF;
}
.text-color {
color: #333AFF;
}
.border-color {
border: 2px solid #333AFF;
}