#02b558
Hex Color CodeThe hexadecimal color code #02b558
is a medium dark shade of green-cyan. In the RGB color model #02b558
is comprised of 0.78% red, 70.98% green and 34.51% blue. In the HSL color space #02b558
has a hue of 148.83 degrees, 97.81% saturation and 35.88% lightness. This color has an approximate wavelength of 526 nm.
#02b558
Color InformationInverted
#fd4aa7 25% Saturated
#00b757 Grayscale
#5b5b5b
25% Lighter
#02e26d Original
#02b558 25% Darker
#018741
mediumseagreen
#3cb371 25% Desaturated
#189e58 Web Safe: green
#008000
rgb(2, 181, 88)
rgba(2, 181, 88, 1.0)
red: 0.7843%, yellow: 48.1998%, blue: 70.9804%
#02b558
177496
-16599720 / 0xff02b558
hsl(149, 98%, 36%)
hsla(149, 98%, 36%, 1.0)
hue: 149 (148.8268), saturation: 99 (98.895), value: 71 (70.9804)
X: 18.3104, Y: 33.7652, Z: 14.7848
x: 0.2739, y: 0.505, Y: 33.7652
L: 64.7758, a: -59.3988, b: 36.4713
L: 64.7758, u: -58.2324, v: 55.242
L: 64.7758, C: 69.702, H: 148.4498
L: 58.1079, a: -45.4416, b: 25.5899
cyan: 99 (0.989), magenta: 0 (0), yellow: 51 (0.5138), key: 29 (0.2902)
cyan: 99 (0.9922), magenta: 29 (0.2902), yellow: 65 (0.6549)
Y: 116.877, I: -76.7557, Q: -66.7862
Y: 116.877, U: -14.2099, V: -100.7841
Y: 116.877, Db: -43.419, Dr: 218.426
Y: 116.362, Cb: 113.665, Cr: 56.022
Y: 136.177, Pb: -25.915, Pr: -85.222
2.5G 6/12 (approximate)
#02b558
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b558
to White#02b558
to Black#02b558
foreground
<p style="color: #02b558">#02b558 foreground</p>
#02b558
background
<p style="background-color: #02b558; color: #fff">#02b558 background</p>
#02b558
border
<p style="border: #02b558 3px solid">#02b558 border</p>
#02b558
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b558, #fff); background: -webkit-radial-gradient(50% 50%, #02b558, #fff); background: -o-radial-gradient(50% 50%, #02b558, #fff); background: -ms-radial-gradient(50% 50%, #02b558, #fff); background: radial-gradient(50% 50%, #02b558, #fff); color: #fff">#02b558 radial gradient</p>
#02b558
linear gradient to complementary #b5015e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b558, #b5015e); background: -webkit-linear-gradient(top, #02b558, #b5015e); background: -o-linear-gradient(top, #02b558, #b5015e); background: -ms-linear-gradient(top, #02b558, #b5015e); background: linear-gradient(top, #02b558, #b5015e); color: #fff">
#02b558
linear gradient to complementary #b5015e
</p>
#02b558
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b558">#02b558 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b558
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 #02b558
.
Jump to paint brand: