#02a339
Hex Color CodeThe hexadecimal color code #02a339
is a medium dark shade of green-cyan. In the RGB color model #02a339
is comprised of 0.78% red, 63.92% green and 22.35% blue. In the HSL color space #02a339
has a hue of 140.5 degrees, 97.58% saturation and 32.35% lightness. This color has an approximate wavelength of 532 nm.
#02a339
Color InformationInverted
#fd5cc6 25% Saturated
#00a438 Grayscale
#525252
25% Lighter
#02cb47 Original
#02a339 25% Darker
#017a2a
forestgreen
#228b22 25% Desaturated
#168e3f Web Safe: green
#008000
rgb(2, 163, 57)
rgba(2, 163, 57, 1.0)
red: 0.7843%, yellow: 47.845%, blue: 63.9216%
#02a339
172857
-16604359 / 0xff02a339
hsl(140, 98%, 32%)
hsla(140, 98%, 32%, 1.0)
hue: 140 (140.4969), saturation: 99 (98.773), value: 64 (63.9216)
X: 13.8607, Y: 26.5027, Z: 8.2559
x: 0.2851, y: 0.5451, Y: 26.5027
L: 58.5112, a: -57.9889, b: 43.8167
L: 58.5112, u: -53.7976, v: 59.7303
L: 58.5112, C: 72.6816, H: 142.9251
L: 51.4808, a: -42.0318, b: 26.5283
cyan: 99 (0.9877), magenta: 0 (0), yellow: 65 (0.6503), key: 36 (0.3608)
cyan: 99 (0.9922), magenta: 36 (0.3608), yellow: 78 (0.7765)
Y: 102.777, I: -61.8564, Q: -67.0247
Y: 102.777, U: -22.5264, V: -88.4139
Y: 102.777, Db: -68.848, Dr: 191.611
Y: 104.252, Cb: 105.294, Cr: 64.847
Y: 121.075, Pb: -34.485, Pr: -75.624
10GY 6/12 approximate; exact match: Munsell 10GY 6/12 / #3baa3a
#02a339
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a339
to White#02a339
to Black#02a339
foreground
<p style="color: #02a339">#02a339 foreground</p>
#02a339
background
<p style="background-color: #02a339; color: #fff">#02a339 background</p>
#02a339
border
<p style="border: #02a339 3px solid">#02a339 border</p>
#02a339
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a339, #fff); background: -webkit-radial-gradient(50% 50%, #02a339, #fff); background: -o-radial-gradient(50% 50%, #02a339, #fff); background: -ms-radial-gradient(50% 50%, #02a339, #fff); background: radial-gradient(50% 50%, #02a339, #fff); color: #fff">#02a339 radial gradient</p>
#02a339
linear gradient to complementary #a3016b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a339, #a3016b); background: -webkit-linear-gradient(top, #02a339, #a3016b); background: -o-linear-gradient(top, #02a339, #a3016b); background: -ms-linear-gradient(top, #02a339, #a3016b); background: linear-gradient(top, #02a339, #a3016b); color: #fff">
#02a339
linear gradient to complementary #a3016b
</p>
#02a339
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a339">#02a339 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a339
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 #02a339
.
Jump to paint brand: