#02e0e2
Hex Color CodeThe hexadecimal color code #02e0e2
is a shade of cyan. In the RGB color model #02e0e2
is comprised of 0.78% red, 87.84% green and 88.63% blue. In the HSL color space #02e0e2
has a hue of 180.54 degrees, 98.25% saturation and 44.71% lightness. This color has an approximate wavelength of 506 nm.
#02e0e2
Color InformationInverted
#fd1f1d 25% Saturated
#00e1e3 Grayscale
#717171
25% Lighter
#1ffbfd Original
#02e0e2 25% Darker
#01a8a9
mediumturquoise
#48d1cc 25% Desaturated
#1dc4c6 Web Safe: aqua
#00ffff
rgb(2, 224, 226)
rgba(2, 224, 226, 1.0)
red: 0.7843%, yellow: 44.5089%, blue: 88.6275%
#02e0e2
188642
-16588574 / 0xff02e0e2
hsl(181, 98%, 45%)
hsla(181, 98%, 45%, 1.0)
hue: 181 (180.5357), saturation: 99 (99.115), value: 89 (88.6275)
X: 40.4082, Y: 58.8152, Z: 81.1742
x: 0.224, y: 0.326, Y: 58.8152
L: 81.1899, a: -42.9575, b: -13.7806
L: 81.1899, u: -62.5231, v: -15.2214
L: 81.1899, C: 45.1137, H: 197.786
L: 76.6911, a: -40.1586, b: -9.0722
cyan: 99 (0.9912), magenta: 1 (0.0088), yellow: 0 (0), key: 11 (0.1137)
cyan: 99 (0.9922), magenta: 12 (0.1216), yellow: 11 (0.1137)
Y: 157.85, I: -132.8915, Q: -46.321
Y: 157.85, U: 33.5371, V: -136.73
Y: 157.85, Db: 102.566, Dr: 296.36
Y: 151.558, Cb: 161.734, Cr: 30.4
Y: 176.858, Pb: 26.53, Pr: -111.092
7.5BG 8/10 (approximate)
#02e0e2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e0e2
to White#02e0e2
to Black#02e0e2
foreground
<p style="color: #02e0e2; background-color: #000">#02e0e2 foreground</p>
#02e0e2
background
<p style="background-color: #02e0e2">#02e0e2 background</p>
#02e0e2
border
<p style="border: #02e0e2 3px solid">#02e0e2 border</p>
#02e0e2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e0e2, #fff); background: -webkit-radial-gradient(50% 50%, #02e0e2, #fff); background: -o-radial-gradient(50% 50%, #02e0e2, #fff); background: -ms-radial-gradient(50% 50%, #02e0e2, #fff); background: radial-gradient(50% 50%, #02e0e2, #fff)">#02e0e2 radial gradient</p>
#02e0e2
linear gradient to complementary #e20301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e0e2, #e20301); background: -webkit-linear-gradient(top, #02e0e2, #e20301); background: -o-linear-gradient(top, #02e0e2, #e20301); background: -ms-linear-gradient(top, #02e0e2, #e20301); background: linear-gradient(top, #02e0e2, #e20301); color: #000">
#02e0e2
linear gradient to complementary #e20301
</p>
#02e0e2
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e0e2">#02e0e2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e0e2
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 #02e0e2
.
Jump to paint brand: