#02def7
Hex Color CodeThe hexadecimal color code #02def7
is a shade of cyan. In the RGB color model #02def7
is comprised of 0.78% red, 87.06% green and 96.86% blue. In the HSL color space #02def7
has a hue of 186.12 degrees, 98.39% saturation and 48.82% lightness. This color has an approximate wavelength of 503 nm.
#02def7
Color InformationInverted
#fd2108 25% Saturated
#00dff9 Grayscale
#7c7c7c
25% Lighter
#39e9fd Original
#02def7 25% Darker
#01a6b9
darkturquoise
#00ced1 25% Desaturated
#20c5d8 Web Safe: aqua
#00ffff
rgb(2, 222, 247)
rgba(2, 222, 247, 1.0)
red: 0.7843%, yellow: 46.2408%, blue: 96.8627%
#02def7
188151
-16589065 / 0xff02def7
hsl(186, 98%, 49%)
hsla(186, 98%, 49%, 1.0)
hue: 186 (186.1224), saturation: 99 (99.1903), value: 97 (96.8627)
X: 42.9348, Y: 58.9709, Z: 97.1153
x: 0.2157, y: 0.2963, Y: 58.9709
L: 81.2756, a: -35.6485, b: -24.802
L: 81.2756, u: -60.158, v: -34.7538
L: 81.2756, C: 43.4276, H: 214.8278
L: 76.7925, a: -34.5872, b: -21.2261
cyan: 99 (0.9919), magenta: 10 (0.1012), yellow: 0 (0), key: 3 (0.0314)
cyan: 99 (0.9922), magenta: 13 (0.1294), yellow: 3 (0.0314)
Y: 159.07, I: -139.0891, Q: -38.7419
Y: 159.07, U: 43.2708, V: -137.8002
Y: 159.07, Db: 132.325, Dr: 298.685
Y: 152.608, Cb: 171.535, Cr: 29.645
Y: 176.94, Pb: 37.8, Pr: -111.15
10BG 8/10 (approximate)
#02def7
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02def7
to White#02def7
to Black#02def7
foreground
<p style="color: #02def7; background-color: #000">#02def7 foreground</p>
#02def7
background
<p style="background-color: #02def7">#02def7 background</p>
#02def7
border
<p style="border: #02def7 3px solid">#02def7 border</p>
#02def7
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02def7, #fff); background: -webkit-radial-gradient(50% 50%, #02def7, #fff); background: -o-radial-gradient(50% 50%, #02def7, #fff); background: -ms-radial-gradient(50% 50%, #02def7, #fff); background: radial-gradient(50% 50%, #02def7, #fff)">#02def7 radial gradient</p>
#02def7
linear gradient to complementary #f71a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02def7, #f71a01); background: -webkit-linear-gradient(top, #02def7, #f71a01); background: -o-linear-gradient(top, #02def7, #f71a01); background: -ms-linear-gradient(top, #02def7, #f71a01); background: linear-gradient(top, #02def7, #f71a01); color: #000">
#02def7
linear gradient to complementary #f71a01
</p>
#02def7
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02def7">#02def7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02def7
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 #02def7
.
Jump to paint brand: