Color Charts
RGB
CMYK
RYB
#02daf2 Hex Color CodeThe hexadecimal color code #02daf2 is a shade of cyan. In the RGB color model #02daf2 is comprised of 0.78% red, 85.49% green and 94.9% blue. In the HSL color space #02daf2 has a hue of 186 degrees, 98.36% saturation and 47.84% lightness. This color has an approximate wavelength of 503 nm.
#02daf2 Color InformationInverted
#fd250d 25% Saturated
#00dbf3 Grayscale
#797979
25% Lighter
#33e9fd Original
#02daf2 25% Darker
#01a3b5
darkturquoise
#00ced1 25% Desaturated
#1fc1d3 Web Safe: aqua
#00ffff
rgb(2, 218, 242)
rgba(2, 218, 242, 1.0)
red: 0.7843%, yellow: 45.3664%, blue: 94.902%
#02daf2
187122
-16590094 / 0xff02daf2
hsl(186, 98%, 48%)
hsla(186, 98%, 48%, 1.0)
hue: 186 (186), saturation: 99 (99.1736), value: 95 (94.902)
X: 41.1235, Y: 56.5665, Z: 92.7554
x: 0.2159, y: 0.297, Y: 56.5665
L: 79.9352, a: -35.3436, b: -24.1879
L: 79.9352, u: -59.2242, v: -33.6917
L: 79.9352, C: 42.8279, H: 214.3863
L: 75.2107, a: -34.0192, b: -20.4733
cyan: 99 (0.9917), magenta: 10 (0.0992), yellow: 0 (0), key: 5 (0.051)
cyan: 99 (0.9922), magenta: 15 (0.1451), yellow: 5 (0.051)
Y: 156.152, I: -136.385, Q: -38.2073
Y: 156.152, U: 42.2463, V: -135.2402
Y: 156.152, Db: 129.192, Dr: 293.136
Y: 150.102, Cb: 170.504, Cr: 31.472
Y: 173.72, Pb: 36.84, Pr: -109.104
10BG 8/10 (approximate)
#02daf2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02daf2 to White#02daf2 to Black#02daf2 foreground
<p style="color: #02daf2; background-color: #000">#02daf2 foreground</p>
#02daf2 background
<p style="background-color: #02daf2">#02daf2 background</p>
#02daf2 border
<p style="border: #02daf2 3px solid">#02daf2 border</p>
#02daf2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02daf2, #fff); background: -webkit-radial-gradient(50% 50%, #02daf2, #fff); background: -o-radial-gradient(50% 50%, #02daf2, #fff); background: -ms-radial-gradient(50% 50%, #02daf2, #fff); background: radial-gradient(50% 50%, #02daf2, #fff)">#02daf2 radial gradient</p>
#02daf2 linear gradient to complementary #f21901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02daf2, #f21901); background: -webkit-linear-gradient(top, #02daf2, #f21901); background: -o-linear-gradient(top, #02daf2, #f21901); background: -ms-linear-gradient(top, #02daf2, #f21901); background: linear-gradient(top, #02daf2, #f21901); color: #000">#02daf2 linear gradient to complementary #f21901</p>
#02daf2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02daf2">#02daf2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02daf2 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 #02daf2.
Jump to paint brand: