#2C50FF
A medium, vivid blue closely aligning with Blueviolet.
About #2C50FF
Visually, #2C50FF is defined as a vivid blue. It is closely associated with the named CSS color Blueviolet. In the RGB color space, it consists of 44 red, 80 green, and 255 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 83% cyan, 69% magenta, 0% yellow, and 0% black. With a hue angle of 229.8 degrees, it sits comfortably in the blue spectrum.
When using this color as a background, text legibility must be considered. 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#2C50FF
RGB44, 80, 255
HSL229.8°, 100.0%, 58.6%
CMYK83%, 69%, 0%, 0%
HSV229.8°, 82.7%, 100.0%
LAB43.5, 50.3, -89.2
XYZ22.0, 13.5, 96.1
Decimal2904319
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.68:1
Text on #FFFFFF
AA
3.70:1
Text on #000000
AA Large
5.43:1
Text on #F8FAFC
AA
3.14:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #2C50FF;
}
.text-color {
color: #2C50FF;
}
.border-color {
border: 2px solid #2C50FF;
}