#2C0FFF
A medium, vivid blue closely aligning with Blue.
About #2C0FFF
Visually, #2C0FFF is defined as a vivid blue. It is closely associated with the named CSS color Blue. Its digital footprint relies on 44 parts red, 15 parts green, and 255 parts blue light.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 83% cyan, 94% magenta, 0% yellow, and 0% black. The HSL representation is 247.2° hue, 100.0% saturation, and 52.9% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#2C0FFF
RGB44, 15, 255
HSL247.2°, 100.0%, 52.9%
CMYK83%, 94%, 0%, 0%
HSV247.2°, 94.1%, 100.0%
LAB34.2, 77.4, -104.7
XYZ19.3, 8.1, 95.2
Decimal2887679
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.02:1
Text on #FFFFFF
AAA
2.62:1
Text on #000000
FAIL
7.66:1
Text on #F8FAFC
AAA
2.23:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C0FFF;
}
.text-color {
color: #2C0FFF;
}
.border-color {
border: 2px solid #2C0FFF;
}