#2C16FF
A medium, vivid blue closely aligning with Blue.
About #2C16FF
The precise color #2C16FF is an excellent choice for modern design projects. It is closely associated with the named CSS color Blue. Its digital footprint relies on 44 parts red, 22 parts green, and 255 parts blue light.
If you are designing for print, the four-color process is what matters most. The color uses 83% Cyan, 91% Magenta, 0% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#2C16FF
RGB44, 22, 255
HSL245.7°, 100.0%, 54.3%
CMYK83%, 91%, 0%, 0%
HSV245.7°, 91.4%, 100.0%
LAB34.7, 75.9, -103.9
XYZ19.4, 8.3, 95.2
Decimal2889471
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.88:1
Text on #FFFFFF
AAA
2.67:1
Text on #000000
FAIL
7.53:1
Text on #F8FAFC
AAA
2.27:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C16FF;
}
.text-color {
color: #2C16FF;
}
.border-color {
border: 2px solid #2C16FF;
}