#042FAE
A dark, vivid blue closely aligning with Darkblue.
About #042FAE
Visually, #042FAE is defined as a vivid blue. Its closest recognized web color is Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 4, 47, and 174.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 98% C, 73% M, 0% Y, and 32% K. The HSL representation is 224.8° hue, 95.5% saturation, and 34.9% lightness.
From a UX and accessibility standpoint, contrast is paramount. 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#042FAE
RGB4, 47, 174
HSL224.8°, 95.5%, 34.9%
CMYK98%, 73%, 0%, 32%
HSV224.8°, 97.7%, 68.2%
LAB27.1, 39.8, -69.7
XYZ8.7, 5.1, 40.6
Decimal274350
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
10.38:1
Text on #FFFFFF
AAA
2.02:1
Text on #000000
FAIL
9.92:1
Text on #F8FAFC
AAA
1.72:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #042FAE;
}
.text-color {
color: #042FAE;
}
.border-color {
border: 2px solid #042FAE;
}