Color Charts
RGB
CMYK
RYB
#0284aa Hex Color CodeThe hexadecimal color code #0284aa is a medium dark shade of cyan. In the RGB color model #0284aa is comprised of 0.78% red, 51.76% green and 66.67% blue. In the HSL color space #0284aa has a hue of 193.57 degrees, 97.67% saturation and 33.73% lightness. This color has an approximate wavelength of 498 nm.
#0284aa Color InformationInverted
#fd7b55 25% Saturated
#0085ab Grayscale
#555555
25% Lighter
#02a4d4 Original
#0284aa 25% Darker
#01627f
steelblue
#4682b4 25% Desaturated
#177894 Web Safe: teal
#008080
rgb(2, 132, 170)
rgba(2, 132, 170, 1.0)
red: 0.7843%, yellow: 29.5249%, blue: 66.6667%
#0284aa
165034
-16612182 / 0xff0284aa
hsl(194, 98%, 34%)
hsla(194, 98%, 34%, 1.0)
hue: 194 (193.5714), saturation: 99 (98.8235), value: 67 (66.6667)
X: 15.532, Y: 19.4177, Z: 40.9596
x: 0.2046, y: 0.2558, Y: 19.4177
L: 51.1724, a: -16.1773, b: -28.5616
L: 51.1724, u: -35.4223, v: -40.9875
L: 51.1724, C: 32.8249, H: 240.4727
L: 44.0655, a: -14.1979, b: -24.2651
cyan: 99 (0.9882), magenta: 22 (0.2235), yellow: 0 (0), key: 33 (0.3333)
cyan: 99 (0.9922), magenta: 48 (0.4824), yellow: 33 (0.3333)
Y: 97.462, I: -89.6511, Q: -15.6662
Y: 97.462, U: 35.6962, V: -83.7504
Y: 97.462, Db: 109.154, Dr: 181.536
Y: 99.702, Cb: 163.922, Cr: 68.232
Y: 107.046, Pb: 33.95, Pr: -66.748
5B 5/8 (approximate)
#0284aa / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0284aa to White#0284aa to Black#0284aa foreground
<p style="color: #0284aa">#0284aa foreground</p>
#0284aa background
<p style="background-color: #0284aa; color: #fff">#0284aa background</p>
#0284aa border
<p style="border: #0284aa 3px solid">#0284aa border</p>
#0284aa radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0284aa, #fff); background: -webkit-radial-gradient(50% 50%, #0284aa, #fff); background: -o-radial-gradient(50% 50%, #0284aa, #fff); background: -ms-radial-gradient(50% 50%, #0284aa, #fff); background: radial-gradient(50% 50%, #0284aa, #fff); color: #fff">#0284aa radial gradient</p>
#0284aa linear gradient to complementary #a92701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0284aa, #a92701); background: -webkit-linear-gradient(top, #0284aa, #a92701); background: -o-linear-gradient(top, #0284aa, #a92701); background: -ms-linear-gradient(top, #0284aa, #a92701); background: linear-gradient(top, #0284aa, #a92701); color: #fff">#0284aa linear gradient to complementary #a92701</p>
#0284aa text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0284aa">#0284aa text shadow</p>
The matching paint colors are listed in order of relevancy to the #0284aa 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 #0284aa.
Jump to paint brand: