Color Charts
RGB
CMYK
RYB
#02cdf0 Hex Color CodeThe hexadecimal color code #02cdf0 is a shade of cyan. In the RGB color model #02cdf0 is comprised of 0.78% red, 80.39% green and 94.12% blue. In the HSL color space #02cdf0 has a hue of 188.82 degrees, 98.35% saturation and 47.45% lightness. This color has an approximate wavelength of 501 nm.
#02cdf0 Color InformationInverted
#fd320f 25% Saturated
#00cef1 Grayscale
#787878
rgb(2, 205, 240)
rgba(2, 205, 240, 1.0)
red: 0.7843%, yellow: 43.7473%, blue: 94.1176%
#02cdf0
183792
-16593424 / 0xff02cdf0
hsl(189, 98%, 47%)
hsla(189, 98%, 47%, 1.0)
hue: 189 (188.8235), saturation: 99 (99.1667), value: 94 (94.1176)
X: 37.5845, Y: 49.9668, Z: 90.1017
x: 0.2116, y: 0.2813, Y: 49.9668
L: 76.0489, a: -29.7674, b: -29.0628
L: 76.0489, u: -55.029, v: -42.5542
L: 76.0489, C: 41.6022, H: 224.3138
L: 70.6872, a: -28.7938, b: -26.0932
cyan: 99 (0.9917), magenta: 15 (0.1458), yellow: 0 (0), key: 6 (0.0588)
cyan: 99 (0.9922), magenta: 20 (0.1961), yellow: 6 (0.0588)
Y: 148.293, I: -132.1746, Q: -32.0358
Y: 148.293, U: 45.1294, V: -128.3453
Y: 148.293, Db: 138.005, Dr: 278.194
Y: 143.354, Cb: 173.409, Cr: 36.398
Y: 164.281, Pb: 40.845, Pr: -103.11
2.5B 7/10 (approximate)
#02cdf0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02cdf0 to White#02cdf0 to Black#02cdf0 foreground
<p style="color: #02cdf0; background-color: #000">#02cdf0 foreground</p>
#02cdf0 background
<p style="background-color: #02cdf0">#02cdf0 background</p>
#02cdf0 border
<p style="border: #02cdf0 3px solid">#02cdf0 border</p>
#02cdf0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02cdf0, #fff); background: -webkit-radial-gradient(50% 50%, #02cdf0, #fff); background: -o-radial-gradient(50% 50%, #02cdf0, #fff); background: -ms-radial-gradient(50% 50%, #02cdf0, #fff); background: radial-gradient(50% 50%, #02cdf0, #fff)">#02cdf0 radial gradient</p>
#02cdf0 linear gradient to complementary #ef2501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02cdf0, #ef2501); background: -webkit-linear-gradient(top, #02cdf0, #ef2501); background: -o-linear-gradient(top, #02cdf0, #ef2501); background: -ms-linear-gradient(top, #02cdf0, #ef2501); background: linear-gradient(top, #02cdf0, #ef2501); color: #000">#02cdf0 linear gradient to complementary #ef2501</p>
#02cdf0 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02cdf0">#02cdf0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02cdf0 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 #02cdf0.
Jump to paint brand: