#003A50
A very dark, vivid blue closely aligning with Darkslategray.
About #003A50
At its core, #003A50 is a very dark and vivid hue. If you're using CSS, you might find it aligns closely with Darkslategray. In the RGB color space, it consists of 0 red, 58 green, and 80 blue.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 100% C, 28% M, 0% Y, and 69% K. The HSL representation is 196.5° hue, 100.0% saturation, and 15.7% lightness.
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#003A50
RGB0, 58, 80
HSL196.5°, 100.0%, 15.7%
CMYK100%, 28%, 0%, 69%
HSV196.5°, 100.0%, 31.4%
LAB22.3, -7.8, -18.1
XYZ3.0, 3.6, 8.1
Decimal14928
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.20:1
Text on #FFFFFF
AAA
1.72:1
Text on #000000
FAIL
11.66:1
Text on #F8FAFC
AAA
1.46:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #003A50;
}
.text-color {
color: #003A50;
}
.border-color {
border: 2px solid #003A50;
}