#02bb66
Hex Color CodeThe hexadecimal color code #02bb66
is a medium dark shade of green-cyan. In the RGB color model #02bb66
is comprised of 0.78% red, 73.33% green and 40% blue. In the HSL color space #02bb66
has a hue of 152.43 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 524 nm.
#02bb66
Color InformationInverted
#fd4499 25% Saturated
#00bc66 Grayscale
#5e5e5e
25% Lighter
#02e97f Original
#02bb66 25% Darker
#018c4c
mediumseagreen
#3cb371 25% Desaturated
#19a364 Web Safe: green
#008000
rgb(2, 187, 102)
rgba(2, 187, 102, 1.0)
red: 0.7843%, yellow: 47.8775%, blue: 73.3333%
#02bb66
179046
-16598170 / 0xff02bb66
hsl(152, 98%, 37%)
hsla(152, 98%, 37%, 1.0)
hue: 152 (152.4324), saturation: 99 (98.9305), value: 73 (73.3333)
X: 20.1936, Y: 36.5129, Z: 18.5537
x: 0.2683, y: 0.4852, Y: 36.5129
L: 66.9099, a: -59.0186, b: 32.068
L: 66.9099, u: -59.409, v: 51.0359
L: 66.9099, C: 67.1681, H: 151.4824
L: 60.4259, a: -46.0926, b: 24.0931
cyan: 99 (0.9893), magenta: 0 (0), yellow: 45 (0.4545), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 60 (0.6)
Y: 121.995, I: -82.9001, Q: -65.5658
Y: 121.995, U: -9.8391, V: -105.2741
Y: 121.995, Db: -30.055, Dr: 228.16
Y: 120.758, Cb: 118.065, Cr: 52.82
Y: 141.475, Pb: -21.225, Pr: -88.59
2.5G 7/12 approximate; exact match: Munsell 2.5G 7/12 / #20c877
#02bb66
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bb66
to White#02bb66
to Black#02bb66
foreground
<p style="color: #02bb66">#02bb66 foreground</p>
#02bb66
background
<p style="background-color: #02bb66; color: #fff">#02bb66 background</p>
#02bb66
border
<p style="border: #02bb66 3px solid">#02bb66 border</p>
#02bb66
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bb66, #fff); background: -webkit-radial-gradient(50% 50%, #02bb66, #fff); background: -o-radial-gradient(50% 50%, #02bb66, #fff); background: -ms-radial-gradient(50% 50%, #02bb66, #fff); background: radial-gradient(50% 50%, #02bb66, #fff); color: #fff">#02bb66 radial gradient</p>
#02bb66
linear gradient to complementary #bb0156
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bb66, #bb0156); background: -webkit-linear-gradient(top, #02bb66, #bb0156); background: -o-linear-gradient(top, #02bb66, #bb0156); background: -ms-linear-gradient(top, #02bb66, #bb0156); background: linear-gradient(top, #02bb66, #bb0156); color: #fff">
#02bb66
linear gradient to complementary #bb0156
</p>
#02bb66
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02bb66">#02bb66 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bb66
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 #02bb66
.
Jump to paint brand: