Color Charts
RGB
CMYK
RYB
#0285c5 Hex Color CodeThe hexadecimal color code #0285c5 is a medium dark shade of cyan. In the RGB color model #0285c5 is comprised of 0.78% red, 52.16% green and 77.25% blue. In the HSL color space #0285c5 has a hue of 199.69 degrees, 97.99% saturation and 39.02% lightness. This color has an approximate wavelength of 494 nm.
#0285c5 Color InformationInverted
#fd7a3a 25% Saturated
#0085c7 Grayscale
#636363
25% Lighter
#02a6f6 Original
#0285c5 25% Darker
#016393
steelblue
#4682b4 25% Desaturated
#1a7cac Web Safe: teal
#008080
rgb(2, 133, 197)
rgba(2, 133, 197, 1.0)
red: 0.7843%, yellow: 31.5133%, blue: 77.2549%
#0285c5
165317
-16611899 / 0xff0285c5
hsl(200, 98%, 39%)
hsla(200, 98%, 39%, 1.0)
hue: 200 (199.6923), saturation: 99 (98.9848), value: 77 (77.2549)
X: 18.4906, Y: 20.8192, Z: 55.8673
x: 0.1943, y: 0.2187, Y: 20.8192
L: 52.751, a: -6.6235, b: -41.5777
L: 52.751, u: -33.9001, v: -63.346
L: 52.751, C: 42.1019, H: 260.9487
L: 45.628, a: -7.5126, b: -40.6554
cyan: 99 (0.9898), magenta: 32 (0.3249), yellow: 0 (0), key: 23 (0.2275)
cyan: 99 (0.9922), magenta: 48 (0.4784), yellow: 23 (0.2275)
Y: 101.127, I: -98.5996, Q: -7.7881
Y: 101.127, U: 47.1794, V: -86.9656
Y: 101.127, Db: 144.262, Dr: 188.511
Y: 102.852, Cb: 175.484, Cr: 65.947
Y: 109.705, Pb: 47.065, Pr: -68.444
10B 5/10 (approximate)
#0285c5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0285c5 to White#0285c5 to Black#0285c5 foreground
<p style="color: #0285c5">#0285c5 foreground</p>
#0285c5 background
<p style="background-color: #0285c5; color: #fff">#0285c5 background</p>
#0285c5 border
<p style="border: #0285c5 3px solid">#0285c5 border</p>
#0285c5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0285c5, #fff); background: -webkit-radial-gradient(50% 50%, #0285c5, #fff); background: -o-radial-gradient(50% 50%, #0285c5, #fff); background: -ms-radial-gradient(50% 50%, #0285c5, #fff); background: radial-gradient(50% 50%, #0285c5, #fff); color: #fff">#0285c5 radial gradient</p>
#0285c5 linear gradient to complementary #c54102
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0285c5, #c54102); background: -webkit-linear-gradient(top, #0285c5, #c54102); background: -o-linear-gradient(top, #0285c5, #c54102); background: -ms-linear-gradient(top, #0285c5, #c54102); background: linear-gradient(top, #0285c5, #c54102); color: #fff">#0285c5 linear gradient to complementary #c54102</p>
#0285c5 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0285c5">#0285c5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0285c5 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 #0285c5.
Jump to paint brand: