#02e3a3
Hex Color CodeThe hexadecimal color code #02e3a3
is a shade of green-cyan. In the RGB color model #02e3a3
is comprised of 0.78% red, 89.02% green and 63.92% blue. In the HSL color space #02e3a3
has a hue of 162.93 degrees, 98.25% saturation and 44.9% lightness. This color has an approximate wavelength of 517 nm.
#02e3a3
Color InformationInverted
#fd1c5c 25% Saturated
#00e4a3 Grayscale
#727272
25% Lighter
#21fdbe Original
#02e3a3 25% Darker
#01aa7a
mediumspringgreen
#00fa9a 25% Desaturated
#1ec696 Web Safe: lime
#00ff00
rgb(2, 227, 163)
rgba(2, 227, 163, 1.0)
red: 0.7843%, yellow: 52.2168%, blue: 89.0196%
#02e3a3
189347
-16587869 / 0xff02e3a3
hsl(163, 98%, 45%)
hsla(163, 98%, 45%, 1.0)
hue: 163 (162.9333), saturation: 99 (99.1189), value: 89 (89.0196)
X: 34.105, Y: 57.5954, Z: 43.9698
x: 0.2514, y: 0.4245, Y: 57.5954
L: 80.5133, a: -60.7047, b: 18.5726
L: 80.5133, u: -68.4381, v: 36.5824
L: 80.5133, C: 63.4823, H: 162.9885
L: 75.8916, a: -52.5942, b: 18.7729
cyan: 99 (0.9912), magenta: 0 (0), yellow: 28 (0.2819), key: 11 (0.1098)
cyan: 99 (0.9922), magenta: 11 (0.1098), yellow: 36 (0.3608)
Y: 152.429, I: -113.4753, Q: -67.4902
Y: 152.429, U: 5.2025, V: -131.9744
Y: 152.429, Db: 15.938, Dr: 286.037
Y: 146.896, Cb: 133.204, Cr: 33.769
Y: 174.467, Pb: -6.125, Pr: -109.556
5G 8/12 (approximate)
#02e3a3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e3a3
to White#02e3a3
to Black#02e3a3
foreground
<p style="color: #02e3a3; background-color: #000">#02e3a3 foreground</p>
#02e3a3
background
<p style="background-color: #02e3a3">#02e3a3 background</p>
#02e3a3
border
<p style="border: #02e3a3 3px solid">#02e3a3 border</p>
#02e3a3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e3a3, #fff); background: -webkit-radial-gradient(50% 50%, #02e3a3, #fff); background: -o-radial-gradient(50% 50%, #02e3a3, #fff); background: -ms-radial-gradient(50% 50%, #02e3a3, #fff); background: radial-gradient(50% 50%, #02e3a3, #fff)">#02e3a3 radial gradient</p>
#02e3a3
linear gradient to complementary #e30141
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e3a3, #e30141); background: -webkit-linear-gradient(top, #02e3a3, #e30141); background: -o-linear-gradient(top, #02e3a3, #e30141); background: -ms-linear-gradient(top, #02e3a3, #e30141); background: linear-gradient(top, #02e3a3, #e30141); color: #000">
#02e3a3
linear gradient to complementary #e30141
</p>
#02e3a3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e3a3">#02e3a3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e3a3
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 #02e3a3
.
Jump to paint brand: