Color Charts
RGB
CMYK
RYB
#028ec5 Hex Color CodeThe hexadecimal color code #028ec5 is a medium dark shade of cyan. In the RGB color model #028ec5 is comprised of 0.78% red, 55.69% green and 77.25% blue. In the HSL color space #028ec5 has a hue of 196.92 degrees, 97.99% saturation and 39.02% lightness. This color has an approximate wavelength of 496 nm.
#028ec5 Color InformationInverted
#fd713a 25% Saturated
#008ec7 Grayscale
#636363
25% Lighter
#02b1f6 Original
#028ec5 25% Darker
#016a93
steelblue
#4682b4 25% Desaturated
#1a83ac Web Safe: teal
#008080
rgb(2, 142, 197)
rgba(2, 142, 197, 1.0)
red: 0.7843%, yellow: 32.7422%, blue: 77.2549%
#028ec5
167621
-16609595 / 0xff028ec5
hsl(197, 98%, 39%)
hsla(197, 98%, 39%, 1.0)
hue: 197 (196.9231), saturation: 99 (98.9848), value: 77 (77.2549)
X: 19.7761, Y: 23.3901, Z: 56.2958
x: 0.1988, y: 0.2352, Y: 23.3901
L: 55.4719, a: -11.7876, b: -37.2948
L: 55.4719, u: -36.9356, v: -56.3571
L: 55.4719, C: 39.1133, H: 252.4601
L: 48.3633, a: -11.646, b: -35.1602
cyan: 99 (0.9898), magenta: 28 (0.2792), yellow: 0 (0), key: 23 (0.2275)
cyan: 99 (0.9922), magenta: 44 (0.4431), yellow: 23 (0.2275)
Y: 106.41, I: -101.0697, Q: -12.4914
Y: 106.41, U: 44.5796, V: -91.6005
Y: 106.41, Db: 136.315, Dr: 198.555
Y: 107.388, Cb: 172.865, Cr: 62.635
Y: 116.14, Pb: 43.6, Pr: -72.53
7.5B 5/8 approximate; exact match: Munsell 7.5B 5/8 / #0283b3
#028ec5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028ec5 to White#028ec5 to Black#028ec5 foreground
<p style="color: #028ec5">#028ec5 foreground</p>
#028ec5 background
<p style="background-color: #028ec5; color: #fff">#028ec5 background</p>
#028ec5 border
<p style="border: #028ec5 3px solid">#028ec5 border</p>
#028ec5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028ec5, #fff); background: -webkit-radial-gradient(50% 50%, #028ec5, #fff); background: -o-radial-gradient(50% 50%, #028ec5, #fff); background: -ms-radial-gradient(50% 50%, #028ec5, #fff); background: radial-gradient(50% 50%, #028ec5, #fff); color: #fff">#028ec5 radial gradient</p>
#028ec5 linear gradient to complementary #c53802
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028ec5, #c53802); background: -webkit-linear-gradient(top, #028ec5, #c53802); background: -o-linear-gradient(top, #028ec5, #c53802); background: -ms-linear-gradient(top, #028ec5, #c53802); background: linear-gradient(top, #028ec5, #c53802); color: #fff">#028ec5 linear gradient to complementary #c53802</p>
#028ec5 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028ec5">#028ec5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #028ec5 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 #028ec5.
Jump to paint brand: