Color Charts
RGB
CMYK
RYB
#028acc Hex Color CodeThe hexadecimal color code #028acc is a shade of cyan. In the RGB color model #028acc is comprised of 0.78% red, 54.12% green and 80% blue. In the HSL color space #028acc has a hue of 199.6 degrees, 98.06% saturation and 40.39% lightness. This color has an approximate wavelength of 494 nm.
#028acc Color InformationInverted
#fd7533 25% Saturated
#008ace Grayscale
#676767
25% Lighter
#04abfc Original
#028acc 25% Darker
#016799
steelblue
#4682b4 25% Desaturated
#1b81b2 Web Safe: teal
#008080
rgb(2, 138, 204)
rgba(2, 138, 204, 1.0)
red: 0.7843%, yellow: 32.6581%, blue: 80%
#028acc
166604
-16610612 / 0xff028acc
hsl(200, 98%, 40%)
hsla(200, 98%, 40%, 1.0)
hue: 200 (199.604), saturation: 99 (99.0196), value: 80 (80)
X: 20.0126, Y: 22.5495, Z: 60.4245
x: 0.1943, y: 0.219, Y: 22.5495
L: 54.6052, a: -6.8754, b: -42.6211
L: 54.6052, u: -35.1163, v: -65.4377
L: 54.6052, C: 43.172, H: 260.8363
L: 47.4863, a: -7.8741, b: -42.2038
cyan: 99 (0.9902), magenta: 32 (0.3235), yellow: 0 (0), key: 20 (0.2)
cyan: 99 (0.9922), magenta: 46 (0.4588), yellow: 20 (0.2)
Y: 104.86, I: -102.2207, Q: -8.2231
Y: 104.86, U: 48.7871, V: -90.2407
Y: 104.86, Db: 149.178, Dr: 195.61
Y: 106.058, Cb: 177.102, Cr: 63.61
Y: 113.784, Pb: 48.64, Pr: -71.036
10B 5/10 (approximate)
#028acc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028acc to White#028acc to Black#028acc foreground
<p style="color: #028acc">#028acc foreground</p>
#028acc background
<p style="background-color: #028acc; color: #fff">#028acc background</p>
#028acc border
<p style="border: #028acc 3px solid">#028acc border</p>
#028acc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028acc, #fff); background: -webkit-radial-gradient(50% 50%, #028acc, #fff); background: -o-radial-gradient(50% 50%, #028acc, #fff); background: -ms-radial-gradient(50% 50%, #028acc, #fff); background: radial-gradient(50% 50%, #028acc, #fff); color: #fff">#028acc radial gradient</p>
#028acc linear gradient to complementary #cc4401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028acc, #cc4401); background: -webkit-linear-gradient(top, #028acc, #cc4401); background: -o-linear-gradient(top, #028acc, #cc4401); background: -ms-linear-gradient(top, #028acc, #cc4401); background: linear-gradient(top, #028acc, #cc4401); color: #fff">#028acc linear gradient to complementary #cc4401</p>
#028acc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028acc">#028acc text shadow</p>
The matching paint colors are listed in order of relevancy to the #028acc 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 #028acc.
Jump to paint brand: