#02a227
Hex Color CodeThe hexadecimal color code #02a227
is a medium dark shade of green. In the RGB color model #02a227
is comprised of 0.78% red, 63.53% green and 15.29% blue. In the HSL color space #02a227
has a hue of 133.88 degrees, 97.56% saturation and 32.16% lightness. This color has an approximate wavelength of 536 nm.
#02a227
Color InformationInverted
#fd5dd8 25% Saturated
#00a325 Grayscale
#515151
25% Lighter
#02ca30 Original
#02a227 25% Darker
#01791d
forestgreen
#228b22 25% Desaturated
#158e31 Web Safe: green
#008000
rgb(2, 162, 39)
rgba(2, 162, 39, 1.0)
red: 0.7843%, yellow: 51.7448%, blue: 63.5294%
#02a227
172583
-16604633 / 0xff02a227
hsl(134, 98%, 32%)
hsla(134, 98%, 32%, 1.0)
hue: 134 (133.875), saturation: 99 (98.7654), value: 64 (63.5294)
X: 13.3116, Y: 26.0001, Z: 6.2364
x: 0.2923, y: 0.5708, Y: 26.0001
L: 58.0371, a: -59.4682, b: 50.5561
L: 58.0371, u: -54.0739, v: 64.9903
L: 58.0371, C: 78.0538, H: 139.6309
L: 50.9902, a: -42.6335, b: 28.4417
cyan: 99 (0.9877), magenta: 0 (0), yellow: 76 (0.7593), key: 36 (0.3647)
cyan: 99 (0.9922), magenta: 36 (0.3647), yellow: 85 (0.8471)
Y: 100.138, I: -55.7992, Q: -72.1026
Y: 100.138, U: -30.0856, V: -86.0988
Y: 100.138, Db: -91.959, Dr: 186.589
Y: 101.984, Cb: 97.683, Cr: 66.493
Y: 119.064, Pb: -43.1, Pr: -74.342
10GY 6/14 approximate; exact match: Munsell 10GY 6/14 / #0aac20
#02a227
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a227
to White#02a227
to Black#02a227
foreground
<p style="color: #02a227">#02a227 foreground</p>
#02a227
background
<p style="background-color: #02a227; color: #fff">#02a227 background</p>
#02a227
border
<p style="border: #02a227 3px solid">#02a227 border</p>
#02a227
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a227, #fff); background: -webkit-radial-gradient(50% 50%, #02a227, #fff); background: -o-radial-gradient(50% 50%, #02a227, #fff); background: -ms-radial-gradient(50% 50%, #02a227, #fff); background: radial-gradient(50% 50%, #02a227, #fff); color: #fff">#02a227 radial gradient</p>
#02a227
linear gradient to complementary #a2017c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a227, #a2017c); background: -webkit-linear-gradient(top, #02a227, #a2017c); background: -o-linear-gradient(top, #02a227, #a2017c); background: -ms-linear-gradient(top, #02a227, #a2017c); background: linear-gradient(top, #02a227, #a2017c); color: #fff">
#02a227
linear gradient to complementary #a2017c
</p>
#02a227
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a227">#02a227 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a227
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 #02a227
.
Jump to paint brand: