Color Charts
RGB
CMYK
RYB
#667986 Hex Color CodeThe hexadecimal color code #667986 is a shade of cyan-blue. In the RGB color model #667986 is comprised of 40% red, 47.45% green and 52.55% blue. In the HSL color space #667986 has a hue of 204.38 degrees, 13.56% saturation and 46.27% lightness. This color has an approximate wavelength of 491 nm. Glidden Mountain Slate Blue is a matching paint color.
#667986 Color InformationInverted
#998679 25% Saturated
#61798a Grayscale
#757575
25% Lighter
#8496a2 Original
#667986 25% Darker
#4c5a64
slategray / slategrey
#708090 25% Desaturated
#697882 Web Safe: gray
#808080
rgb(102, 121, 134)
rgba(102, 121, 134, 1.0)
red: 40%, yellow: 44.6751%, blue: 52.549%
#667986
6715782
-10061434 / 0xff667986
hsl(204, 14%, 46%)
hsla(204, 14%, 46%, 1.0)
hue: 204 (204.375), saturation: 24 (23.8806), value: 53 (52.549)
X: 16.6199, Y: 18.2208, Z: 25.1952
x: 0.2768, y: 0.3035, Y: 18.2208
L: 49.7628, a: -3.8625, b: -9.4021
L: 49.7628, u: -10.3255, v: -12.7397
L: 49.7628, C: 10.1646, H: 247.6666
L: 42.6858, a: -5.2002, b: -5.1158
cyan: 24 (0.2388), magenta: 10 (0.097), yellow: 0 (0), key: 47 (0.4745)
cyan: 60 (0.6), magenta: 53 (0.5255), yellow: 47 (0.4745)
Y: 116.801, I: -15.495, Q: 0.0271
Y: 116.801, U: 8.4647, V: -12.9851
Y: 116.801, Db: 25.879, Dr: 28.148
Y: 116.33, Cb: 136.519, Cr: 118.736
Y: 117.889, Pb: 8.685, Pr: -10.098
5B 5/2 approximate; exact match: Munsell 5B 5/2 / #6c7d8a
#667986 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#667986 to White#667986 to Black#667986 foreground
<p style="color: #667986">#667986 foreground</p>
#667986 background
<p style="background-color: #667986; color: #fff">#667986 background</p>
#667986 border
<p style="border: #667986 3px solid">#667986 border</p>
#667986 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #667986, #fff); background: -webkit-radial-gradient(50% 50%, #667986, #fff); background: -o-radial-gradient(50% 50%, #667986, #fff); background: -ms-radial-gradient(50% 50%, #667986, #fff); background: radial-gradient(50% 50%, #667986, #fff); color: #fff">#667986 radial gradient</p>
#667986 linear gradient to complementary #867265
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #667986, #867265); background: -webkit-linear-gradient(top, #667986, #867265); background: -o-linear-gradient(top, #667986, #867265); background: -ms-linear-gradient(top, #667986, #867265); background: linear-gradient(top, #667986, #867265); color: #fff">#667986 linear gradient to complementary #867265</p>
#667986 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #667986">#667986 text shadow</p>
The matching paint colors are listed in order of relevancy to the #667986 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 #667986.
Jump to paint brand: