#0024F0
A medium, vivid blue closely aligning with Mediumblue.
About #0024F0
Visually, #0024F0 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Mediumblue. In the RGB color space, it consists of 0 red, 36 green, and 240 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 85% M, 0% Y, and 6% K. With a hue angle of 231.0 degrees, it sits comfortably in the blue spectrum.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#0024F0
RGB0, 36, 240
HSL231.0°, 100.0%, 47.1%
CMYK100%, 85%, 0%, 6%
HSV231.0°, 100.0%, 94.1%
LAB33.0, 66.8, -98.2
XYZ16.4, 7.6, 83.0
Decimal9456
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.36:1
Text on #FFFFFF
AAA
2.51:1
Text on #000000
FAIL
7.99:1
Text on #F8FAFC
AAA
2.13:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #0024F0;
}
.text-color {
color: #0024F0;
}
.border-color {
border: 2px solid #0024F0;
}