#0285a0
Hex Color CodeThe hexadecimal color code #0285a0
is a medium dark shade of cyan. In the RGB color model #0285a0
is comprised of 0.78% red, 52.16% green and 62.75% blue. In the HSL color space #0285a0
has a hue of 190.25 degrees, 97.53% saturation and 31.76% lightness. This color has an approximate wavelength of 500 nm.
#0285a0
Color InformationInverted
#fd7a5f 25% Saturated
#0086a2 Grayscale
#515151
25% Lighter
#02a6c8 Original
#0285a0 25% Darker
#016377
darkcyan
#008b8b 25% Desaturated
#15778c Web Safe: teal
#008080
rgb(2, 133, 160)
rgba(2, 133, 160, 1.0)
red: 0.7843%, yellow: 28.8703%, blue: 62.7451%
#0285a0
165280
-16611936 / 0xff0285a0
hsl(190, 98%, 32%)
hsla(190, 98%, 32%, 1.0)
hue: 190 (190.2532), saturation: 99 (98.75), value: 63 (62.7451)
X: 14.7577, Y: 19.326, Z: 36.2102
x: 0.2099, y: 0.2749, Y: 19.326
L: 51.0665, a: -20.3409, b: -22.9331
L: 51.0665, u: -36.5153, v: -31.515
L: 51.0665, C: 30.6542, H: 228.4281
L: 43.9614, a: -17.0104, b: -18.0631
cyan: 99 (0.9875), magenta: 17 (0.1687), yellow: 0 (0), key: 37 (0.3725)
cyan: 99 (0.9922), magenta: 48 (0.4784), yellow: 37 (0.3725)
Y: 96.909, I: -86.7129, Q: -19.3001
Y: 96.909, U: 31.0474, V: -83.2653
Y: 96.909, Db: 94.941, Dr: 180.482
Y: 99.226, Cb: 159.241, Cr: 68.574
Y: 107.041, Pb: 28.565, Pr: -66.742
2.5B 5/6 approximate; exact match: Munsell 2.5B 5/6 / #2b859c
#0285a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0285a0
to White#0285a0
to Black#0285a0
foreground
<p style="color: #0285a0">#0285a0 foreground</p>
#0285a0
background
<p style="background-color: #0285a0; color: #fff">#0285a0 background</p>
#0285a0
border
<p style="border: #0285a0 3px solid">#0285a0 border</p>
#0285a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0285a0, #fff); background: -webkit-radial-gradient(50% 50%, #0285a0, #fff); background: -o-radial-gradient(50% 50%, #0285a0, #fff); background: -ms-radial-gradient(50% 50%, #0285a0, #fff); background: radial-gradient(50% 50%, #0285a0, #fff); color: #fff">#0285a0 radial gradient</p>
#0285a0
linear gradient to complementary #a01c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0285a0, #a01c01); background: -webkit-linear-gradient(top, #0285a0, #a01c01); background: -o-linear-gradient(top, #0285a0, #a01c01); background: -ms-linear-gradient(top, #0285a0, #a01c01); background: linear-gradient(top, #0285a0, #a01c01); color: #fff">
#0285a0
linear gradient to complementary #a01c01
</p>
#0285a0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0285a0">#0285a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0285a0
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 #0285a0
.
Jump to paint brand: