Color Charts
RGB
CMYK
RYB
#02d6f2 Hex Color CodeThe hexadecimal color code #02d6f2 is a shade of cyan. In the RGB color model #02d6f2 is comprised of 0.78% red, 83.92% green and 94.9% blue. In the HSL color space #02d6f2 has a hue of 187 degrees, 98.36% saturation and 47.84% lightness. This color has an approximate wavelength of 502 nm.
#02d6f2 Color InformationInverted
#fd290d 25% Saturated
#00d7f3 Grayscale
#797979
25% Lighter
#33e5fd Original
#02d6f2 25% Darker
#01a0b5
darkturquoise
#00ced1 25% Desaturated
#1fbed3 Web Safe: aqua
#00ffff
rgb(2, 214, 242)
rgba(2, 214, 242, 1.0)
red: 0.7843%, yellow: 44.928%, blue: 94.902%
#02d6f2
186098
-16591118 / 0xff02d6f2
hsl(187, 98%, 48%)
hsla(187, 98%, 48%, 1.0)
hue: 187 (187), saturation: 99 (99.1736), value: 95 (94.902)
X: 40.0986, Y: 54.5168, Z: 92.4138
x: 0.2144, y: 0.2915, Y: 54.5168
L: 78.7621, a: -33.4555, b: -25.9773
L: 78.7621, u: -57.8863, v: -36.942
L: 78.7621, C: 42.3567, H: 217.8284
L: 73.8355, a: -32.2723, b: -22.5235
cyan: 99 (0.9917), magenta: 12 (0.1157), yellow: 0 (0), key: 5 (0.051)
cyan: 99 (0.9922), magenta: 16 (0.1608), yellow: 5 (0.051)
Y: 153.804, I: -135.2872, Q: -36.1169
Y: 153.804, U: 43.4017, V: -133.1803
Y: 153.804, Db: 132.724, Dr: 288.672
Y: 148.086, Cb: 171.668, Cr: 32.944
Y: 170.86, Pb: 38.38, Pr: -107.288
2.5B 8/10 (approximate)
#02d6f2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d6f2 to White#02d6f2 to Black#02d6f2 foreground
<p style="color: #02d6f2; background-color: #000">#02d6f2 foreground</p>
#02d6f2 background
<p style="background-color: #02d6f2">#02d6f2 background</p>
#02d6f2 border
<p style="border: #02d6f2 3px solid">#02d6f2 border</p>
#02d6f2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d6f2, #fff); background: -webkit-radial-gradient(50% 50%, #02d6f2, #fff); background: -o-radial-gradient(50% 50%, #02d6f2, #fff); background: -ms-radial-gradient(50% 50%, #02d6f2, #fff); background: radial-gradient(50% 50%, #02d6f2, #fff)">#02d6f2 radial gradient</p>
#02d6f2 linear gradient to complementary #f21d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d6f2, #f21d01); background: -webkit-linear-gradient(top, #02d6f2, #f21d01); background: -o-linear-gradient(top, #02d6f2, #f21d01); background: -ms-linear-gradient(top, #02d6f2, #f21d01); background: linear-gradient(top, #02d6f2, #f21d01); color: #000">#02d6f2 linear gradient to complementary #f21d01</p>
#02d6f2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d6f2">#02d6f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d6f2 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 #02d6f2.
Jump to paint brand: