#42667C
A dark, moderate blue closely aligning with Slategray.
About #42667C
The precise color #42667C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Slategray. In the RGB color space, it consists of 66 red, 102 green, and 124 blue.
For print applications, it's crucial to understand its CMYK makeup. The color uses 47% Cyan, 18% Magenta, 0% Yellow, and 51% 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. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#42667C
RGB66, 102, 124
HSL202.8°, 30.5%, 37.3%
CMYK47%, 18%, 0%, 51%
HSV202.8°, 46.8%, 48.6%
LAB41.4, -6.5, -16.3
XYZ10.6, 12.1, 20.8
Decimal4351612
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.13:1
Text on #FFFFFF
AA
3.42:1
Text on #000000
AA Large
5.86:1
Text on #F8FAFC
AA
2.91:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #42667C;
}
.text-color {
color: #42667C;
}
.border-color {
border: 2px solid #42667C;
}