#425066
A dark, muted blue closely aligning with Darkslategray.
About #425066
At its core, #425066 is a dark and muted hue. If you're using CSS, you might find it aligns closely with Darkslategray. This translates to an RGB value of rgb(66, 80, 102).
For print applications, it's crucial to understand its CMYK makeup. The color uses 35% Cyan, 22% Magenta, 0% Yellow, and 60% Black. The HSL representation is 216.7° hue, 21.4% saturation, and 32.9% 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#425066
RGB66, 80, 102
HSL216.7°, 21.4%, 32.9%
CMYK35%, 22%, 0%, 60%
HSV216.7°, 35.3%, 40.0%
LAB33.7, 0.5, -14.5
XYZ7.5, 7.9, 13.7
Decimal4345958
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.17:1
Text on #FFFFFF
AAA
2.57:1
Text on #000000
FAIL
7.81:1
Text on #F8FAFC
AAA
2.19:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #425066;
}
.text-color {
color: #425066;
}
.border-color {
border: 2px solid #425066;
}