Color Charts
RGB
CMYK
RYB
#02ba8d Hex Color CodeThe hexadecimal color code #02ba8d is a medium dark shade of green-cyan. In the RGB color model #02ba8d is comprised of 0.78% red, 72.94% green and 55.29% blue. In the HSL color space #02ba8d has a hue of 165.33 degrees, 97.87% saturation and 36.86% lightness. This color has an approximate wavelength of 516 nm.
#02ba8d Color InformationInverted
#fd4572 25% Saturated
#00bb8e Grayscale
#5d5d5d
25% Lighter
#02e8b0 Original
#02ba8d 25% Darker
#018b69
mediumseagreen
#3cb371 25% Desaturated
#18a381 Web Safe: teal
#008080
rgb(2, 186, 141)
rgba(2, 186, 141, 1.0)
red: 0.7843%, yellow: 41.8892%, blue: 72.9412%
#02ba8d
178829
-16598387 / 0xff02ba8d
hsl(165, 98%, 37%)
hsla(165, 98%, 37%, 1.0)
hue: 165 (165.3261), saturation: 99 (98.9247), value: 73 (72.9412)
X: 22.3917, Y: 37.0538, Z: 31.1712
x: 0.2471, y: 0.4089, Y: 37.0538
L: 67.3174, a: -50.3205, b: 11.8367
L: 67.3174, u: -56.4448, v: 24.6194
L: 67.3174, C: 51.6939, H: 166.7631
L: 60.8718, a: -40.8646, b: 12.2491
cyan: 99 (0.9892), magenta: 0 (0), yellow: 24 (0.2419), key: 27 (0.2706)
cyan: 99 (0.9922), magenta: 27 (0.2706), yellow: 45 (0.4471)
Y: 125.854, I: -95.1549, Q: -52.909
Y: 125.854, U: 7.4538, V: -108.6595
Y: 125.854, Db: 22.815, Dr: 235.507
Y: 124.076, Cb: 135.477, Cr: 50.419
Y: 143.568, Pb: -1.34, Pr: -89.93
5G 7/10 approximate; exact match: Munsell 5G 7/10 / #33c595
#02ba8d / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ba8d to White#02ba8d to Black#02ba8d foreground
<p style="color: #02ba8d; background-color: #000">#02ba8d foreground</p>
#02ba8d background
<p style="background-color: #02ba8d">#02ba8d background</p>
#02ba8d border
<p style="border: #02ba8d 3px solid">#02ba8d border</p>
#02ba8d radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ba8d, #fff); background: -webkit-radial-gradient(50% 50%, #02ba8d, #fff); background: -o-radial-gradient(50% 50%, #02ba8d, #fff); background: -ms-radial-gradient(50% 50%, #02ba8d, #fff); background: radial-gradient(50% 50%, #02ba8d, #fff)">#02ba8d radial gradient</p>
#02ba8d linear gradient to complementary #b9022f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ba8d, #b9022f); background: -webkit-linear-gradient(top, #02ba8d, #b9022f); background: -o-linear-gradient(top, #02ba8d, #b9022f); background: -ms-linear-gradient(top, #02ba8d, #b9022f); background: linear-gradient(top, #02ba8d, #b9022f); color: #000">#02ba8d linear gradient to complementary #b9022f</p>
#02ba8d text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ba8d">#02ba8d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ba8d 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 #02ba8d.
Jump to paint brand: