#02b157
Hex Color CodeThe hexadecimal color code #02b157
is a medium dark shade of green-cyan. In the RGB color model #02b157
is comprised of 0.78% red, 69.41% green and 34.12% blue. In the HSL color space #02b157
has a hue of 149.14 degrees, 97.77% saturation and 35.1% lightness. This color has an approximate wavelength of 526 nm.
#02b157
Color InformationInverted
#fd4ea8 25% Saturated
#00b356 Grayscale
#595959
25% Lighter
#02dd6c Original
#02b157 25% Darker
#018441
mediumseagreen
#3cb371 25% Desaturated
#179b57 Web Safe: green
#008000
rgb(2, 177, 87)
rgba(2, 177, 87, 1.0)
red: 0.7843%, yellow: 46.9759%, blue: 69.4118%
#02b157
176471
-16600745 / 0xff02b157
hsl(149, 98%, 35%)
hsla(149, 98%, 35%, 1.0)
hue: 149 (149.1429), saturation: 99 (98.8701), value: 69 (69.4118)
X: 17.4675, Y: 32.1453, Z: 14.3009
x: 0.2733, y: 0.5029, Y: 32.1453
L: 63.4628, a: -58.2402, b: 35.3416
L: 63.4628, u: -56.9749, v: 53.5445
L: 63.4628, C: 68.1245, H: 148.7496
L: 56.6968, a: -44.2262, b: 24.7328
cyan: 99 (0.9887), magenta: 0 (0), yellow: 51 (0.5085), key: 31 (0.3059)
cyan: 99 (0.9922), magenta: 31 (0.3059), yellow: 66 (0.6588)
Y: 114.415, I: -75.3366, Q: -65.007
Y: 114.415, U: -13.4905, V: -98.6241
Y: 114.415, Db: -41.22, Dr: 213.745
Y: 114.248, Cb: 114.39, Cr: 57.565
Y: 133.245, Pb: -24.875, Pr: -83.36
2.5G 6/12 (approximate)
#02b157
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b157
to White#02b157
to Black#02b157
foreground
<p style="color: #02b157">#02b157 foreground</p>
#02b157
background
<p style="background-color: #02b157; color: #fff">#02b157 background</p>
#02b157
border
<p style="border: #02b157 3px solid">#02b157 border</p>
#02b157
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b157, #fff); background: -webkit-radial-gradient(50% 50%, #02b157, #fff); background: -o-radial-gradient(50% 50%, #02b157, #fff); background: -ms-radial-gradient(50% 50%, #02b157, #fff); background: radial-gradient(50% 50%, #02b157, #fff); color: #fff">#02b157 radial gradient</p>
#02b157
linear gradient to complementary #b1015c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b157, #b1015c); background: -webkit-linear-gradient(top, #02b157, #b1015c); background: -o-linear-gradient(top, #02b157, #b1015c); background: -ms-linear-gradient(top, #02b157, #b1015c); background: linear-gradient(top, #02b157, #b1015c); color: #fff">
#02b157
linear gradient to complementary #b1015c
</p>
#02b157
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b157">#02b157 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b157
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 #02b157
.
Jump to paint brand: