Color Charts
RGB
CMYK
RYB
#02d3ff Hex Color CodeThe hexadecimal color code #02d3ff is a shade of cyan. In the RGB color model #02d3ff is comprised of 0.78% red, 82.75% green and 100% blue. In the HSL color space #02d3ff has a hue of 190.43 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 500 nm.
#02d3ff Color InformationInverted
#fd2c00 25% Saturated
#01d2ff Grayscale
#808080
rgb(2, 211, 255)
rgba(2, 211, 255, 1.0)
red: 0.7843%, yellow: 45.6676%, blue: 100%
#02d3ff
185343
-16591873 / 0xff02d3ff
hsl(190, 100%, 50%)
hsla(190, 100%, 50%, 1.0)
hue: 190 (190.4348), saturation: 99 (99.2157), value: 100 (100)
X: 41.3693, Y: 53.8214, Z: 102.8159
x: 0.2089, y: 0.2718, Y: 53.8214
L: 78.3575, a: -27.7913, b: -33.5287
L: 78.3575, u: -55.8568, v: -50.6508
L: 78.3575, C: 43.5492, H: 230.3454
L: 73.3631, a: -27.7296, b: -31.7388
cyan: 99 (0.9922), magenta: 17 (0.1725), yellow: 0 (0), key: 0 (0)
cyan: 99 (0.9922), magenta: 17 (0.1725), yellow: 0 (0)
Y: 153.525, I: -138.6402, Q: -30.5044
Y: 153.525, U: 49.9363, V: -132.9354
Y: 153.525, Db: 152.702, Dr: 288.145
Y: 147.848, Cb: 178.248, Cr: 33.125
Y: 169.651, Pb: 46.035, Pr: -106.524
5B 8/10 (approximate)
#02d3ff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d3ff to White#02d3ff to Black#02d3ff foreground
<p style="color: #02d3ff; background-color: #000">#02d3ff foreground</p>
#02d3ff background
<p style="background-color: #02d3ff">#02d3ff background</p>
#02d3ff border
<p style="border: #02d3ff 3px solid">#02d3ff border</p>
#02d3ff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d3ff, #fff); background: -webkit-radial-gradient(50% 50%, #02d3ff, #fff); background: -o-radial-gradient(50% 50%, #02d3ff, #fff); background: -ms-radial-gradient(50% 50%, #02d3ff, #fff); background: radial-gradient(50% 50%, #02d3ff, #fff)">#02d3ff radial gradient</p>
#02d3ff linear gradient to complementary #ff2d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d3ff, #ff2d01); background: -webkit-linear-gradient(top, #02d3ff, #ff2d01); background: -o-linear-gradient(top, #02d3ff, #ff2d01); background: -ms-linear-gradient(top, #02d3ff, #ff2d01); background: linear-gradient(top, #02d3ff, #ff2d01); color: #000">#02d3ff linear gradient to complementary #ff2d01</p>
#02d3ff text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d3ff">#02d3ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d3ff 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 #02d3ff.
Jump to paint brand: