Color Charts
RGB
CMYK
RYB
#02bb6d Hex Color CodeThe hexadecimal color code #02bb6d is a medium dark shade of green-cyan. In the RGB color model #02bb6d is comprised of 0.78% red, 73.33% green and 42.75% blue. In the HSL color space #02bb6d has a hue of 154.7 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 523 nm.
#02bb6d Color InformationInverted
#fd4492 25% Saturated
#00bc6d Grayscale
#5e5e5e
25% Lighter
#02e988 Original
#02bb6d 25% Darker
#018c51
mediumseagreen
#3cb371 25% Desaturated
#19a369 Web Safe: green
#008000
rgb(2, 187, 109)
rgba(2, 187, 109, 1.0)
red: 0.7843%, yellow: 46.7486%, blue: 73.3333%
#02bb6d
179053
-16598163 / 0xff02bb6d
hsl(155, 98%, 37%)
hsla(155, 98%, 37%, 1.0)
hue: 155 (154.7027), saturation: 99 (98.9305), value: 73 (73.3333)
X: 20.5557, Y: 36.6577, Z: 20.4602
x: 0.2646, y: 0.4719, Y: 36.6577
L: 67.0194, a: -57.718, b: 28.582
L: 67.0194, u: -58.9836, v: 46.9183
L: 67.0194, C: 64.4073, H: 153.6553
L: 60.5456, a: -45.3527, b: 22.346
cyan: 99 (0.9893), magenta: 0 (0), yellow: 42 (0.4171), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 57 (0.5725)
Y: 122.793, I: -85.1489, Q: -63.3879
Y: 122.793, U: -6.7871, V: -105.9742
Y: 122.793, Db: -20.724, Dr: 229.679
Y: 121.444, Cb: 121.138, Cr: 52.323
Y: 141.979, Pb: -17.725, Pr: -88.912
2.5G 7/12 approximate; exact match: Munsell 2.5G 7/12 / #20c877
#02bb6d / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bb6d to White#02bb6d to Black#02bb6d foreground
<p style="color: #02bb6d">#02bb6d foreground</p>
#02bb6d background
<p style="background-color: #02bb6d; color: #fff">#02bb6d background</p>
#02bb6d border
<p style="border: #02bb6d 3px solid">#02bb6d border</p>
#02bb6d radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bb6d, #fff); background: -webkit-radial-gradient(50% 50%, #02bb6d, #fff); background: -o-radial-gradient(50% 50%, #02bb6d, #fff); background: -ms-radial-gradient(50% 50%, #02bb6d, #fff); background: radial-gradient(50% 50%, #02bb6d, #fff); color: #fff">#02bb6d radial gradient</p>
#02bb6d linear gradient to complementary #bb014f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bb6d, #bb014f); background: -webkit-linear-gradient(top, #02bb6d, #bb014f); background: -o-linear-gradient(top, #02bb6d, #bb014f); background: -ms-linear-gradient(top, #02bb6d, #bb014f); background: linear-gradient(top, #02bb6d, #bb014f); color: #fff">#02bb6d linear gradient to complementary #bb014f</p>
#02bb6d text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02bb6d">#02bb6d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bb6d 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 #02bb6d.
Jump to paint brand: