Color Charts
RGB
CMYK
RYB
#02def4 Hex Color CodeThe hexadecimal color code #02def4 is a shade of cyan. In the RGB color model #02def4 is comprised of 0.78% red, 87.06% green and 95.69% blue. In the HSL color space #02def4 has a hue of 185.45 degrees, 98.37% saturation and 48.24% lightness. This color has an approximate wavelength of 503 nm.
#02def4 Color InformationInverted
#fd210b 25% Saturated
#00dff6 Grayscale
#7b7b7b
25% Lighter
#36ebfd Original
#02def4 25% Darker
#01a6b6
darkturquoise
#00ced1 25% Desaturated
#20c5d5 Web Safe: aqua
#00ffff
rgb(2, 222, 244)
rgba(2, 222, 244, 1.0)
red: 0.7843%, yellow: 45.9757%, blue: 95.6863%
#02def4
188148
-16589068 / 0xff02def4
hsl(185, 98%, 48%)
hsla(185, 98%, 48%, 1.0)
hue: 185 (185.4545), saturation: 99 (99.1803), value: 96 (95.6863)
X: 42.4754, Y: 58.7871, Z: 94.6963
x: 0.2168, y: 0.3, Y: 58.7871
L: 81.1744, a: -36.5857, b: -23.3645
L: 81.1744, u: -60.3991, v: -32.1723
L: 81.1744, C: 43.4098, H: 212.5633
L: 76.6728, a: -35.2913, b: -19.5564
cyan: 99 (0.9918), magenta: 9 (0.0902), yellow: 0 (0), key: 4 (0.0431)
cyan: 99 (0.9922), magenta: 13 (0.1294), yellow: 4 (0.0431)
Y: 158.728, I: -138.1253, Q: -39.6754
Y: 158.728, U: 41.9628, V: -137.5002
Y: 158.728, Db: 128.326, Dr: 298.034
Y: 152.314, Cb: 170.218, Cr: 29.858
Y: 176.724, Pb: 36.3, Pr: -111.012
10BG 8/10 (approximate)
#02def4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02def4 to White#02def4 to Black#02def4 foreground
<p style="color: #02def4; background-color: #000">#02def4 foreground</p>
#02def4 background
<p style="background-color: #02def4">#02def4 background</p>
#02def4 border
<p style="border: #02def4 3px solid">#02def4 border</p>
#02def4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02def4, #fff); background: -webkit-radial-gradient(50% 50%, #02def4, #fff); background: -o-radial-gradient(50% 50%, #02def4, #fff); background: -ms-radial-gradient(50% 50%, #02def4, #fff); background: radial-gradient(50% 50%, #02def4, #fff)">#02def4 radial gradient</p>
#02def4 linear gradient to complementary #f41701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02def4, #f41701); background: -webkit-linear-gradient(top, #02def4, #f41701); background: -o-linear-gradient(top, #02def4, #f41701); background: -ms-linear-gradient(top, #02def4, #f41701); background: linear-gradient(top, #02def4, #f41701); color: #000">#02def4 linear gradient to complementary #f41701</p>
#02def4 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02def4">#02def4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02def4 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 #02def4.
Jump to paint brand: