#002450
A very dark, vivid blue closely aligning with Darkslateblue.
About #002450
Visually, #002450 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Darkslateblue. This translates to an RGB value of rgb(0, 36, 80).
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 100% C, 55% M, 0% Y, and 69% K. The HSL representation is 213.0° hue, 100.0% saturation, and 15.7% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#002450
RGB0, 36, 80
HSL213.0°, 100.0%, 15.7%
CMYK100%, 55%, 0%, 69%
HSV213.0°, 100.0%, 31.4%
LAB14.6, 7.8, -30.4
XYZ2.1, 1.8, 7.8
Decimal9296
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
15.35:1
Text on #FFFFFF
AAA
1.37:1
Text on #000000
FAIL
14.67:1
Text on #F8FAFC
AAA
1.16:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #002450;
}
.text-color {
color: #002450;
}
.border-color {
border: 2px solid #002450;
}