#2424E2
A medium, vivid blue closely aligning with Mediumblue.
About #2424E2
At its core, #2424E2 is a medium and vivid hue. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 36, and 226.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 84% cyan, 84% magenta, 0% yellow, and 11% black. Always request a physical proof before doing a large print run with this exact code.
Ensuring your text is legible against this background is a key part of web design. 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#2424E2
RGB36, 36, 226
HSL240.0°, 76.6%, 51.4%
CMYK84%, 84%, 0%, 11%
HSV240.0°, 84.1%, 88.6%
LAB32.1, 63.4, -91.7
XYZ15.1, 7.1, 72.5
Decimal2368738
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.66:1
Text on #FFFFFF
AAA
2.43:1
Text on #000000
FAIL
8.27:1
Text on #F8FAFC
AAA
2.06:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2424E2;
}
.text-color {
color: #2424E2;
}
.border-color {
border: 2px solid #2424E2;
}