Color Charts
RGB
CMYK
RYB
#02def5 Hex Color CodeThe hexadecimal color code #02def5 is a shade of cyan. In the RGB color model #02def5 is comprised of 0.78% red, 87.06% green and 96.08% blue. In the HSL color space #02def5 has a hue of 185.68 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 503 nm.
#02def5 Color InformationInverted
#fd210a 25% Saturated
#00dff7 Grayscale
#7b7b7b
25% Lighter
#37eafd Original
#02def5 25% Darker
#01a6b7
darkturquoise
#00ced1 25% Desaturated
#20c5d6 Web Safe: aqua
#00ffff
rgb(2, 222, 245)
rgba(2, 222, 245, 1.0)
red: 0.7843%, yellow: 46.0645%, blue: 96.0784%
#02def5
188149
-16589067 / 0xff02def5
hsl(186, 98%, 48%)
hsla(186, 98%, 48%, 1.0)
hue: 186 (185.679), saturation: 99 (99.1837), value: 96 (96.0784)
X: 42.6277, Y: 58.848, Z: 95.4983
x: 0.2164, y: 0.2988, Y: 58.848
L: 81.208, a: -36.274, b: -23.844
L: 81.208, u: -60.3187, v: -33.0323
L: 81.208, C: 43.409, H: 213.3182
L: 76.7125, a: -35.0576, b: -20.1106
cyan: 99 (0.9918), magenta: 9 (0.0939), yellow: 0 (0), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 13 (0.1294), yellow: 4 (0.0392)
Y: 158.842, I: -138.4466, Q: -39.3642
Y: 158.842, U: 42.3988, V: -137.6002
Y: 158.842, Db: 129.659, Dr: 298.251
Y: 152.412, Cb: 170.657, Cr: 29.787
Y: 176.796, Pb: 36.8, Pr: -111.058
10BG 8/10 (approximate)
#02def5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02def5 to White#02def5 to Black#02def5 foreground
<p style="color: #02def5; background-color: #000">#02def5 foreground</p>
#02def5 background
<p style="background-color: #02def5">#02def5 background</p>
#02def5 border
<p style="border: #02def5 3px solid">#02def5 border</p>
#02def5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02def5, #fff); background: -webkit-radial-gradient(50% 50%, #02def5, #fff); background: -o-radial-gradient(50% 50%, #02def5, #fff); background: -ms-radial-gradient(50% 50%, #02def5, #fff); background: radial-gradient(50% 50%, #02def5, #fff)">#02def5 radial gradient</p>
#02def5 linear gradient to complementary #f51901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02def5, #f51901); background: -webkit-linear-gradient(top, #02def5, #f51901); background: -o-linear-gradient(top, #02def5, #f51901); background: -ms-linear-gradient(top, #02def5, #f51901); background: linear-gradient(top, #02def5, #f51901); color: #000">#02def5 linear gradient to complementary #f51901</p>
#02def5 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02def5">#02def5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02def5 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 #02def5.
Jump to paint brand: