Color Charts
RGB
CMYK
RYB
#028fc8 Hex Color CodeThe hexadecimal color code #028fc8 is a medium dark shade of cyan. In the RGB color model #028fc8 is comprised of 0.78% red, 56.08% green and 78.43% blue. In the HSL color space #028fc8 has a hue of 197.27 degrees, 98.02% saturation and 39.61% lightness. This color has an approximate wavelength of 496 nm.
#028fc8 Color InformationInverted
#fd7037 25% Saturated
#008fca Grayscale
#656565
25% Lighter
#02b2fa Original
#028fc8 25% Darker
#016b96
steelblue
#4682b4 25% Desaturated
#1a84af Web Safe: teal
#008080
rgb(2, 143, 200)
rgba(2, 143, 200, 1.0)
red: 0.7843%, yellow: 33.08%, blue: 78.4314%
#028fc8
167880
-16609336 / 0xff028fc8
hsl(197, 98%, 40%)
hsla(197, 98%, 40%, 1.0)
hue: 197 (197.2727), saturation: 99 (99), value: 78 (78.4314)
X: 20.2728, Y: 23.828, Z: 58.1743
x: 0.1982, y: 0.233, Y: 23.828
L: 55.9151, a: -11.2377, b: -38.2967
L: 55.9151, u: -37.0663, v: -58.1433
L: 55.9151, C: 39.9114, H: 253.6463
L: 48.8139, a: -11.2917, b: -36.4896
cyan: 99 (0.99), magenta: 28 (0.285), yellow: 0 (0), key: 22 (0.2157)
cyan: 99 (0.9922), magenta: 44 (0.4392), yellow: 22 (0.2157)
Y: 107.339, I: -102.3079, Q: -12.0806
Y: 107.339, U: 45.5988, V: -92.4156
Y: 107.339, Db: 139.431, Dr: 200.322
Y: 108.186, Cb: 173.891, Cr: 62.054
Y: 117.071, Pb: 44.715, Pr: -73.122
10B 5/10 (approximate)
#028fc8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028fc8 to White#028fc8 to Black#028fc8 foreground
<p style="color: #028fc8">#028fc8 foreground</p>
#028fc8 background
<p style="background-color: #028fc8; color: #fff">#028fc8 background</p>
#028fc8 border
<p style="border: #028fc8 3px solid">#028fc8 border</p>
#028fc8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028fc8, #fff); background: -webkit-radial-gradient(50% 50%, #028fc8, #fff); background: -o-radial-gradient(50% 50%, #028fc8, #fff); background: -ms-radial-gradient(50% 50%, #028fc8, #fff); background: radial-gradient(50% 50%, #028fc8, #fff); color: #fff">#028fc8 radial gradient</p>
#028fc8 linear gradient to complementary #c83a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028fc8, #c83a01); background: -webkit-linear-gradient(top, #028fc8, #c83a01); background: -o-linear-gradient(top, #028fc8, #c83a01); background: -ms-linear-gradient(top, #028fc8, #c83a01); background: linear-gradient(top, #028fc8, #c83a01); color: #fff">#028fc8 linear gradient to complementary #c83a01</p>
#028fc8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028fc8">#028fc8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #028fc8 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 #028fc8.
Jump to paint brand: