Color Charts
RGB
CMYK
RYB
#028af2 Hex Color CodeThe hexadecimal color code #028af2 is a shade of cyan-blue. In the RGB color model #028af2 is comprised of 0.78% red, 54.12% green and 94.9% blue. In the HSL color space #028af2 has a hue of 206 degrees, 98.36% saturation and 47.84% lightness. This color has an approximate wavelength of 490 nm.
#028af2 Color InformationInverted
#fd750d 25% Saturated
#008af3 Grayscale
#797979
25% Lighter
#33a5fd Original
#028af2 25% Darker
#0167b5
dodgerblue
#1e90ff 25% Desaturated
#1f85d3 Web Safe: fuchsia
#ff00ff
rgb(2, 138, 242)
rgba(2, 138, 242, 1.0)
red: 0.7843%, yellow: 34.8269%, blue: 94.902%
#028af2
166642
-16610574 / 0xff028af2
hsl(206, 98%, 48%)
hsla(206, 98%, 48%, 1.0)
hue: 206 (206), saturation: 99 (99.1736), value: 95 (94.902)
X: 25.1405, Y: 24.6007, Z: 87.4278
x: 0.1833, y: 0.1793, Y: 24.6007
L: 56.6842, a: 7.6642, b: -60.5739
L: 56.6842, u: -32.8989, v: -96.5703
L: 56.6842, C: 61.0569, H: 277.2111
L: 49.5991, a: 3.6788, b: -69.7905
cyan: 99 (0.9917), magenta: 43 (0.4298), yellow: 0 (0), key: 5 (0.051)
cyan: 99 (0.9922), magenta: 46 (0.4588), yellow: 5 (0.051)
Y: 109.192, I: -114.4287, Q: 3.6
Y: 109.192, U: 65.3551, V: -94.041
Y: 109.192, Db: 199.832, Dr: 203.856
Y: 109.782, Cb: 193.784, Cr: 60.912
Y: 116.52, Pb: 67.64, Pr: -72.784
5PB 5/14 (approximate)
#028af2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028af2 to White#028af2 to Black#028af2 foreground
<p style="color: #028af2">#028af2 foreground</p>
#028af2 background
<p style="background-color: #028af2; color: #fff">#028af2 background</p>
#028af2 border
<p style="border: #028af2 3px solid">#028af2 border</p>
#028af2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028af2, #fff); background: -webkit-radial-gradient(50% 50%, #028af2, #fff); background: -o-radial-gradient(50% 50%, #028af2, #fff); background: -ms-radial-gradient(50% 50%, #028af2, #fff); background: radial-gradient(50% 50%, #028af2, #fff); color: #fff">#028af2 radial gradient</p>
#028af2 linear gradient to complementary #f26901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028af2, #f26901); background: -webkit-linear-gradient(top, #028af2, #f26901); background: -o-linear-gradient(top, #028af2, #f26901); background: -ms-linear-gradient(top, #028af2, #f26901); background: linear-gradient(top, #028af2, #f26901); color: #fff">#028af2 linear gradient to complementary #f26901</p>
#028af2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028af2">#028af2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #028af2 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 #028af2.
Jump to paint brand: