Color Charts
RGB
CMYK
RYB
#02ae6e Hex Color CodeThe hexadecimal color code #02ae6e is a medium dark shade of green-cyan. In the RGB color model #02ae6e is comprised of 0.78% red, 68.24% green and 43.14% blue. In the HSL color space #02ae6e has a hue of 157.67 degrees, 97.73% saturation and 34.51% lightness. This color has an approximate wavelength of 521 nm.
#02ae6e Color InformationInverted
#fd5191 25% Saturated
#00b06e Grayscale
#585858
25% Lighter
#02d989 Original
#02ae6e 25% Darker
#018252
mediumseagreen
#3cb371 25% Desaturated
#179868 Web Safe: green
#008000
rgb(2, 174, 110)
rgba(2, 174, 110, 1.0)
red: 0.7843%, yellow: 42.2185%, blue: 68.2353%
#02ae6e
175726
-16601490 / 0xff02ae6e
hsl(158, 98%, 35%)
hsla(158, 98%, 35%, 1.0)
hue: 158 (157.6744), saturation: 99 (98.8506), value: 68 (68.2353)
X: 17.9756, Y: 31.4108, Z: 19.8673
x: 0.2596, y: 0.4536, Y: 31.4108
L: 62.8529, a: -52.8813, b: 22.5158
L: 62.8529, u: -54.5881, v: 38.2718
L: 62.8529, C: 57.4752, H: 156.9367
L: 56.0453, a: -40.8286, b: 18.2142
cyan: 99 (0.9885), magenta: 0 (0), yellow: 37 (0.3678), key: 32 (0.3176)
cyan: 99 (0.9922), magenta: 32 (0.3176), yellow: 57 (0.5686)
Y: 115.276, I: -81.9023, Q: -56.2831
Y: 115.276, U: -2.5959, V: -99.3794
Y: 115.276, Db: -7.912, Dr: 215.388
Y: 114.99, Cb: 125.36, Cr: 57.036
Y: 132.756, Pb: -12.22, Pr: -83.056
2.5G 6/10 approximate; exact match: Munsell 2.5G 6/10 / #2ba969
#02ae6e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ae6e to White#02ae6e to Black#02ae6e foreground
<p style="color: #02ae6e">#02ae6e foreground</p>
#02ae6e background
<p style="background-color: #02ae6e; color: #fff">#02ae6e background</p>
#02ae6e border
<p style="border: #02ae6e 3px solid">#02ae6e border</p>
#02ae6e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ae6e, #fff); background: -webkit-radial-gradient(50% 50%, #02ae6e, #fff); background: -o-radial-gradient(50% 50%, #02ae6e, #fff); background: -ms-radial-gradient(50% 50%, #02ae6e, #fff); background: radial-gradient(50% 50%, #02ae6e, #fff); color: #fff">#02ae6e radial gradient</p>
#02ae6e linear gradient to complementary #ae0141
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ae6e, #ae0141); background: -webkit-linear-gradient(top, #02ae6e, #ae0141); background: -o-linear-gradient(top, #02ae6e, #ae0141); background: -ms-linear-gradient(top, #02ae6e, #ae0141); background: linear-gradient(top, #02ae6e, #ae0141); color: #fff">#02ae6e linear gradient to complementary #ae0141</p>
#02ae6e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ae6e">#02ae6e text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ae6e 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 #02ae6e.
Jump to paint brand: