#02bb6c
Hex Color CodeThe hexadecimal color code #02bb6c
is a medium dark shade of green-cyan. In the RGB color model #02bb6c
is comprised of 0.78% red, 73.33% green and 42.35% blue. In the HSL color space #02bb6c
has a hue of 154.38 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 523 nm.
#02bb6c
Color InformationInverted
#fd4493 25% Saturated
#00bc6c Grayscale
#5e5e5e
25% Lighter
#02e987 Original
#02bb6c 25% Darker
#018c51
mediumseagreen
#3cb371 25% Desaturated
#19a368 Web Safe: green
#008000
rgb(2, 187, 108)
rgba(2, 187, 108, 1.0)
red: 0.7843%, yellow: 46.9065%, blue: 73.3333%
#02bb6c
179052
-16598164 / 0xff02bb6c
hsl(154, 98%, 37%)
hsla(154, 98%, 37%, 1.0)
hue: 154 (154.3784), saturation: 99 (98.9305), value: 73 (73.3333)
X: 20.5021, Y: 36.6363, Z: 20.1783
x: 0.2652, y: 0.4738, Y: 36.6363
L: 67.0032, a: -57.9091, b: 29.0828
L: 67.0032, u: -59.0458, v: 47.5212
L: 67.0032, C: 64.8018, H: 153.3335
L: 60.5279, a: -45.4619, b: 22.6039
cyan: 99 (0.9893), magenta: 0 (0), yellow: 42 (0.4225), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 58 (0.5765)
Y: 122.679, I: -84.8277, Q: -63.699
Y: 122.679, U: -7.2231, V: -105.8742
Y: 122.679, Db: -22.057, Dr: 229.462
Y: 121.346, Cb: 120.699, Cr: 52.394
Y: 141.907, Pb: -18.225, Pr: -88.866
2.5G 7/12 approximate; exact match: Munsell 2.5G 7/12 / #20c877
#02bb6c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bb6c
to White#02bb6c
to Black#02bb6c
foreground
<p style="color: #02bb6c">#02bb6c foreground</p>
#02bb6c
background
<p style="background-color: #02bb6c; color: #fff">#02bb6c background</p>
#02bb6c
border
<p style="border: #02bb6c 3px solid">#02bb6c border</p>
#02bb6c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bb6c, #fff); background: -webkit-radial-gradient(50% 50%, #02bb6c, #fff); background: -o-radial-gradient(50% 50%, #02bb6c, #fff); background: -ms-radial-gradient(50% 50%, #02bb6c, #fff); background: radial-gradient(50% 50%, #02bb6c, #fff); color: #fff">#02bb6c radial gradient</p>
#02bb6c
linear gradient to complementary #bb0150
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bb6c, #bb0150); background: -webkit-linear-gradient(top, #02bb6c, #bb0150); background: -o-linear-gradient(top, #02bb6c, #bb0150); background: -ms-linear-gradient(top, #02bb6c, #bb0150); background: linear-gradient(top, #02bb6c, #bb0150); color: #fff">
#02bb6c
linear gradient to complementary #bb0150
</p>
#02bb6c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02bb6c">#02bb6c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bb6c
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 #02bb6c
.
Jump to paint brand: