#02bd5a
Hex Color CodeThe hexadecimal color code #02bd5a
is a medium dark shade of green-cyan. In the RGB color model #02bd5a
is comprised of 0.78% red, 74.12% green and 35.29% blue. In the HSL color space #02bd5a
has a hue of 148.24 degrees, 97.91% saturation and 37.45% lightness. This color has an approximate wavelength of 527 nm.
#02bd5a
Color InformationInverted
#fd42a5 25% Saturated
#00bf59 Grayscale
#5f5f5f
25% Lighter
#02ec70 Original
#02bd5a 25% Darker
#018d43
mediumseagreen
#3cb371 25% Desaturated
#19a55b Web Safe: green
#008000
rgb(2, 189, 90)
rgba(2, 189, 90, 1.0)
red: 0.7843%, yellow: 50.651%, blue: 74.1176%
#02bd5a
179546
-16597670 / 0xff02bd5a
hsl(148, 98%, 37%)
hsla(148, 98%, 37%, 1.0)
hue: 148 (148.2353), saturation: 99 (98.9418), value: 74 (74.1176)
X: 20.0681, Y: 37.1463, Z: 15.7851
x: 0.2749, y: 0.5089, Y: 37.1463
L: 67.3866, a: -61.6929, b: 38.7048
L: 67.3866, u: -60.7309, v: 58.604
L: 67.3866, C: 72.8291, H: 147.8967
L: 60.9478, a: -47.8844, b: 27.3077
cyan: 99 (0.9894), magenta: 0 (0), yellow: 52 (0.5238), key: 26 (0.2588)
cyan: 99 (0.9922), magenta: 26 (0.2588), yellow: 65 (0.6471)
Y: 121.801, I: -79.5939, Q: -70.3446
Y: 121.801, U: -15.6488, V: -105.104
Y: 121.801, Db: -47.817, Dr: 227.788
Y: 120.59, Cb: 112.215, Cr: 52.936
Y: 142.041, Pb: -27.995, Pr: -88.946
2.5G 7/14 (approximate)
#02bd5a
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bd5a
to White#02bd5a
to Black#02bd5a
foreground
<p style="color: #02bd5a">#02bd5a foreground</p>
#02bd5a
background
<p style="background-color: #02bd5a; color: #fff">#02bd5a background</p>
#02bd5a
border
<p style="border: #02bd5a 3px solid">#02bd5a border</p>
#02bd5a
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bd5a, #fff); background: -webkit-radial-gradient(50% 50%, #02bd5a, #fff); background: -o-radial-gradient(50% 50%, #02bd5a, #fff); background: -ms-radial-gradient(50% 50%, #02bd5a, #fff); background: radial-gradient(50% 50%, #02bd5a, #fff); color: #fff">#02bd5a radial gradient</p>
#02bd5a
linear gradient to complementary #bd0164
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bd5a, #bd0164); background: -webkit-linear-gradient(top, #02bd5a, #bd0164); background: -o-linear-gradient(top, #02bd5a, #bd0164); background: -ms-linear-gradient(top, #02bd5a, #bd0164); background: linear-gradient(top, #02bd5a, #bd0164); color: #fff">
#02bd5a
linear gradient to complementary #bd0164
</p>
#02bd5a
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02bd5a">#02bd5a text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bd5a
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 #02bd5a
.
Jump to paint brand: