Color Charts
RGB
CMYK
RYB
#02a0e1 Hex Color CodeThe hexadecimal color code #02a0e1 is a shade of cyan. In the RGB color model #02a0e1 is comprised of 0.78% red, 62.75% green and 88.24% blue. In the HSL color space #02a0e1 has a hue of 197.49 degrees, 98.24% saturation and 44.51% lightness. This color has an approximate wavelength of 496 nm.
#02a0e1 Color InformationInverted
#fd5f1e 25% Saturated
#00a0e3 Grayscale
#717171
25% Lighter
#1ebcfd Original
#02a0e1 25% Darker
#0177a8
deepskyblue
#00bfff 25% Desaturated
#1d94c5 Web Safe: teal
#008080
rgb(2, 160, 225)
rgba(2, 160, 225, 1.0)
red: 0.7843%, yellow: 37.0501%, blue: 88.2353%
#02a0e1
172257
-16604959 / 0xff02a0e1
hsl(197, 98%, 45%)
hsla(197, 98%, 45%, 1.0)
hue: 197 (197.4888), saturation: 99 (99.1111), value: 88 (88.2353)
X: 26.1864, Y: 30.5908, Z: 75.7586
x: 0.1976, y: 0.2308, Y: 30.5908
L: 62.1606, a: -11.5503, b: -42.4635
L: 62.1606, u: -41.0443, v: -66.1267
L: 62.1606, C: 44.0064, H: 254.7833
L: 55.3089, a: -12.2783, b: -42.4954
cyan: 99 (0.9911), magenta: 29 (0.2889), yellow: 0 (0), key: 12 (0.1176)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 12 (0.1176)
Y: 120.168, I: -115.0052, Q: -13.1863
Y: 120.168, U: 51.5881, V: -103.6706
Y: 120.168, Db: 157.745, Dr: 224.719
Y: 119.204, Cb: 179.919, Cr: 54.023
Y: 131.026, Pb: 50.67, Pr: -81.99
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#02a0e1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a0e1 to White#02a0e1 to Black#02a0e1 foreground
<p style="color: #02a0e1">#02a0e1 foreground</p>
#02a0e1 background
<p style="background-color: #02a0e1; color: #fff">#02a0e1 background</p>
#02a0e1 border
<p style="border: #02a0e1 3px solid">#02a0e1 border</p>
#02a0e1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0e1, #fff); background: -webkit-radial-gradient(50% 50%, #02a0e1, #fff); background: -o-radial-gradient(50% 50%, #02a0e1, #fff); background: -ms-radial-gradient(50% 50%, #02a0e1, #fff); background: radial-gradient(50% 50%, #02a0e1, #fff); color: #fff">#02a0e1 radial gradient</p>
#02a0e1 linear gradient to complementary #e14201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0e1, #e14201); background: -webkit-linear-gradient(top, #02a0e1, #e14201); background: -o-linear-gradient(top, #02a0e1, #e14201); background: -ms-linear-gradient(top, #02a0e1, #e14201); background: linear-gradient(top, #02a0e1, #e14201); color: #fff">#02a0e1 linear gradient to complementary #e14201</p>
#02a0e1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0e1">#02a0e1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a0e1 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 #02a0e1.
Jump to paint brand: