Color Charts
RGB
CMYK
RYB
#675b86 Hex Color CodeThe hexadecimal color code #675b86 is a shade of blue-magenta. In the RGB color model #675b86 is comprised of 40.39% red, 35.69% green and 52.55% blue. In the HSL color space #675b86 has a hue of 256.74 degrees, 19.11% saturation and 44.12% lightness. This color has an approximate wavelength of 458 nm.
#675b86 Color InformationInverted
#98a479 25% Saturated
#64558b Grayscale
#707070
25% Lighter
#8276a2 Original
#675b86 25% Darker
#4d4464
slateblue
#6a5acd 25% Desaturated
#696080 Web Safe: blue
#0000ff
rgb(103, 91, 134)
rgba(103, 91, 134, 1.0)
red: 40.3922%, yellow: 35.6863%, blue: 52.549%
#675b86
6773638
-10003578 / 0xff675b86
hsl(257, 19%, 44%)
hsla(257, 19%, 44%, 1.0)
hue: 257 (256.7442), saturation: 32 (32.0896), value: 53 (52.549)
X: 13.6377, Y: 12.087, Z: 24.1685
x: 0.2733, y: 0.2423, Y: 12.087
L: 41.354, a: 14.5449, b: -22.2089
L: 41.354, u: 3.2944, v: -33.1122
L: 41.354, C: 26.5478, H: 303.2214
L: 34.7663, a: 9.1786, b: -16.8802
cyan: 23 (0.2313), magenta: 32 (0.3209), yellow: 0 (0), key: 47 (0.4745)
cyan: 60 (0.5961), magenta: 64 (0.6431), yellow: 47 (0.4745)
Y: 99.49, I: -6.6657, Q: 15.9163
Y: 99.49, U: 16.9833, V: 3.0796
Y: 99.49, Db: 51.919, Dr: -6.665
Y: 101.467, Cb: 145.101, Cr: 130.215
Y: 96.652, Pb: 20.12, Pr: 4.022
2.5P 4/4 approximate; exact match: Munsell 2.5P 4/4 / #6a5a7f
#675b86 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#675b86 to White#675b86 to Black#675b86 foreground
<p style="color: #675b86">#675b86 foreground</p>
#675b86 background
<p style="background-color: #675b86; color: #fff">#675b86 background</p>
#675b86 border
<p style="border: #675b86 3px solid">#675b86 border</p>
#675b86 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #675b86, #fff); background: -webkit-radial-gradient(50% 50%, #675b86, #fff); background: -o-radial-gradient(50% 50%, #675b86, #fff); background: -ms-radial-gradient(50% 50%, #675b86, #fff); background: radial-gradient(50% 50%, #675b86, #fff); color: #fff">#675b86 radial gradient</p>
#675b86 linear gradient to complementary #79865a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #675b86, #79865a); background: -webkit-linear-gradient(top, #675b86, #79865a); background: -o-linear-gradient(top, #675b86, #79865a); background: -ms-linear-gradient(top, #675b86, #79865a); background: linear-gradient(top, #675b86, #79865a); color: #fff">#675b86 linear gradient to complementary #79865a</p>
#675b86 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #675b86">#675b86 text shadow</p>
The matching paint colors are listed in order of relevancy to the #675b86 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 #675b86.
Jump to paint brand: