#3c495a
Hex Color CodeThe hexadecimal color code #3c495a
is a medium dark shade of cyan-blue. In the RGB color model #3c495a
is comprised of 23.53% red, 28.63% green and 35.29% blue. In the HSL color space #3c495a
has a hue of 214 degrees, 20% saturation and 29.41% lightness. This color has an approximate wavelength of 485 nm.
#3c495a
Color InformationInverted
#c3b6a5 25% Saturated
#38485d Grayscale
#4b4b4b
25% Lighter
#4b5b70 Original
#3c495a 25% Darker
#2d3643
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#3f4956 Web Safe: blue
#0000ff
rgb(60, 73, 90)
rgba(60, 73, 90, 1.0)
red: 23.5294%, yellow: 27.0862%, blue: 35.2941%
#3c495a
3950938
-12826278 / 0xff3c495a
hsl(214, 20%, 29%)
hsla(214, 20%, 29%, 1.0)
hue: 214 (214), saturation: 33 (33.3333), value: 35 (35.2941)
X: 6.0915, Y: 6.4639, Z: 10.5995
x: 0.2631, y: 0.2792, Y: 6.4639
L: 30.554, a: -0.5709, b: -11.7381
L: 30.554, u: -6.8116, v: -14.6665
L: 30.554, C: 11.7519, H: 267.2156
L: 25.4243, a: -1.725, b: -6.9212
cyan: 33 (0.3333), magenta: 19 (0.1889), yellow: 0 (0), key: 65 (0.6471)
cyan: 76 (0.7647), magenta: 71 (0.7137), yellow: 65 (0.6471)
Y: 71.051, I: -13.2058, Q: 2.5404
Y: 71.051, U: 9.3254, V: -9.6952
Y: 71.051, Db: 28.511, Dr: 21.018
Y: 77.032, Cb: 137.387, Cr: 121.086
Y: 71.455, Pb: 9.995, Pr: -7.282
10B 3/2
#3c495a
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3c495a
to White#3c495a
to Black#3c495a
foreground
<p style="color: #3c495a">#3c495a foreground</p>
#3c495a
background
<p style="background-color: #3c495a; color: #fff">#3c495a background</p>
#3c495a
border
<p style="border: #3c495a 3px solid">#3c495a border</p>
#3c495a
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3c495a, #fff); background: -webkit-radial-gradient(50% 50%, #3c495a, #fff); background: -o-radial-gradient(50% 50%, #3c495a, #fff); background: -ms-radial-gradient(50% 50%, #3c495a, #fff); background: radial-gradient(50% 50%, #3c495a, #fff); color: #fff">#3c495a radial gradient</p>
#3c495a
linear gradient to complementary #5a4d3c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3c495a, #5a4d3c); background: -webkit-linear-gradient(top, #3c495a, #5a4d3c); background: -o-linear-gradient(top, #3c495a, #5a4d3c); background: -ms-linear-gradient(top, #3c495a, #5a4d3c); background: linear-gradient(top, #3c495a, #5a4d3c); color: #fff">
#3c495a
linear gradient to complementary #5a4d3c
</p>
#3c495a
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3c495a">#3c495a text shadow</p>
The matching paint colors are listed in order of relevancy to the #3c495a
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 #3c495a
.
Jump to paint brand: