#24335F
A dark, moderate blue closely aligning with Darkslateblue.
About #24335F
At its core, #24335F is a dark and moderate hue. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 51, and 95.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 62% C, 46% M, 0% Y, and 63% K. The HSL representation is 224.7° hue, 45.0% saturation, and 25.7% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#24335F
RGB36, 51, 95
HSL224.7°, 45.0%, 25.7%
CMYK62%, 46%, 0%, 63%
HSV224.7°, 62.1%, 37.3%
LAB22.2, 9.0, -28.2
XYZ4.0, 3.6, 11.3
Decimal2372447
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.25:1
Text on #FFFFFF
AAA
1.71:1
Text on #000000
FAIL
11.71:1
Text on #F8FAFC
AAA
1.46:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #24335F;
}
.text-color {
color: #24335F;
}
.border-color {
border: 2px solid #24335F;
}