Color Charts
RGB
CMYK
RYB
#565f72 Hex Color CodeThe hexadecimal color code #565f72 is a medium dark shade of blue. In the RGB color model #565f72 is comprised of 33.73% red, 37.25% green and 44.71% blue. In the HSL color space #565f72 has a hue of 220.71 degrees, 14% saturation and 39.22% lightness. This color has an approximate wavelength of 481 nm.
#565f72 Color InformationInverted
#a9a08d 25% Saturated
#525d75 Grayscale
#646464
25% Lighter
#6b768e Original
#565f72 25% Darker
#404755
dimgray / dimgrey
#696969 25% Desaturated
#59606e Web Safe: gray
#808080
rgb(86, 95, 114)
rgba(86, 95, 114, 1.0)
red: 33.7255%, yellow: 36.3964%, blue: 44.7059%
#565f72
5660530
-11116686 / 0xff565f72
hsl(221, 14%, 39%)
hsla(221, 14%, 39%, 1.0)
hue: 221 (220.7143), saturation: 25 (24.5614), value: 45 (44.7059)
X: 10.9672, Y: 11.3778, Z: 17.5377
x: 0.275, y: 0.2853, Y: 11.3778
L: 40.2096, a: 1.1373, b: -11.9049
L: 40.2096, u: -5.5217, v: -16.3043
L: 40.2096, C: 11.9591, H: 275.4571
L: 33.7309, a: -0.9919, b: -7.2149
cyan: 25 (0.2456), magenta: 17 (0.1667), yellow: 0 (0), key: 55 (0.5529)
cyan: 66 (0.6627), magenta: 63 (0.6275), yellow: 55 (0.5529)
Y: 94.475, I: -11.4654, Q: 4.0085
Y: 94.475, U: 9.6091, V: -7.4352
Y: 94.475, Db: 29.377, Dr: 16.12
Y: 97.154, Cb: 137.673, Cr: 122.7
Y: 94.451, Pb: 10.535, Pr: -5.374
2.5PB 4/2 approximate; exact match: Munsell 2.5PB 4/2 / #596173
#565f72 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#565f72 to White#565f72 to Black#565f72 foreground
<p style="color: #565f72">#565f72 foreground</p>
#565f72 background
<p style="background-color: #565f72; color: #fff">#565f72 background</p>
#565f72 border
<p style="border: #565f72 3px solid">#565f72 border</p>
#565f72 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #565f72, #fff); background: -webkit-radial-gradient(50% 50%, #565f72, #fff); background: -o-radial-gradient(50% 50%, #565f72, #fff); background: -ms-radial-gradient(50% 50%, #565f72, #fff); background: radial-gradient(50% 50%, #565f72, #fff); color: #fff">#565f72 radial gradient</p>
#565f72 linear gradient to complementary #726956
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #565f72, #726956); background: -webkit-linear-gradient(top, #565f72, #726956); background: -o-linear-gradient(top, #565f72, #726956); background: -ms-linear-gradient(top, #565f72, #726956); background: linear-gradient(top, #565f72, #726956); color: #fff">#565f72 linear gradient to complementary #726956</p>
#565f72 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #565f72">#565f72 text shadow</p>
The matching paint colors are listed in order of relevancy to the #565f72 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #565f72.
Jump to paint brand: