#205cc0
Hex Color CodeThe hexadecimal color code #205cc0
is a shade of cyan-blue. In the RGB color model #205cc0
is comprised of 12.55% red, 36.08% green and 75.29% blue. In the HSL color space #205cc0
has a hue of 217.5 degrees, 71.43% saturation and 43.92% lightness. This color has an approximate wavelength of 483 nm.
#205cc0
Color InformationInverted
#dfa33f 25% Saturated
#0c57d3 Grayscale
#707070
25% Lighter
#3977de Original
#205cc0 25% Darker
#174490
royalblue
#4169e1 25% Desaturated
#3461ab Web Safe: blue
#0000ff
rgb(32, 92, 192)
rgba(32, 92, 192, 1.0)
red: 12.549%, yellow: 29.6613%, blue: 75.2941%
#205cc0
2120896
-14656320 / 0xff205cc0
hsl(218, 71%, 44%)
hsla(218, 71%, 44%, 1.0)
hue: 218 (217.5), saturation: 83 (83.3333), value: 75 (75.2941)
X: 13.9372, Y: 11.7671, Z: 51.4059
x: 0.1807, y: 0.1526, Y: 11.7671
L: 40.8436, a: 18.6476, b: -57.7269
L: 40.8436, u: -19.1627, v: -85.5209
L: 40.8436, C: 60.664, H: 287.9021
L: 34.3033, a: 12.4929, b: -64.838
cyan: 83 (0.8333), magenta: 52 (0.5208), yellow: 0 (0), key: 25 (0.2471)
cyan: 87 (0.8745), magenta: 64 (0.6392), yellow: 25 (0.2471)
Y: 85.46, I: -67.8693, Q: 18.4261
Y: 85.46, U: 52.4287, V: -46.901
Y: 85.46, Db: 160.3, Dr: 101.68
Y: 89.408, Cb: 180.78, Cr: 94.56
Y: 86.42, Pb: 56.9, Pr: -34.6
5PB 4/14 (approximate)
#205cc0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#205cc0
to White#205cc0
to Black#205cc0
foreground
<p style="color: #205cc0">#205cc0 foreground</p>
#205cc0
background
<p style="background-color: #205cc0; color: #fff">#205cc0 background</p>
#205cc0
border
<p style="border: #205cc0 3px solid">#205cc0 border</p>
#205cc0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #205cc0, #fff); background: -webkit-radial-gradient(50% 50%, #205cc0, #fff); background: -o-radial-gradient(50% 50%, #205cc0, #fff); background: -ms-radial-gradient(50% 50%, #205cc0, #fff); background: radial-gradient(50% 50%, #205cc0, #fff); color: #fff">#205cc0 radial gradient</p>
#205cc0
linear gradient to complementary #c0841f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #205cc0, #c0841f); background: -webkit-linear-gradient(top, #205cc0, #c0841f); background: -o-linear-gradient(top, #205cc0, #c0841f); background: -ms-linear-gradient(top, #205cc0, #c0841f); background: linear-gradient(top, #205cc0, #c0841f); color: #fff">
#205cc0
linear gradient to complementary #c0841f
</p>
#205cc0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #205cc0">#205cc0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #205cc0
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 #205cc0
.
Jump to paint brand: