#02a143
Hex Color CodeThe hexadecimal color code #02a143
is a medium dark shade of green-cyan. In the RGB color model #02a143
is comprised of 0.78% red, 63.14% green and 26.27% blue. In the HSL color space #02a143
has a hue of 144.53 degrees, 97.55% saturation and 31.96% lightness. This color has an approximate wavelength of 529 nm.
#02a143
Color InformationInverted
#fd5ebc 25% Saturated
#00a342 Grayscale
#515151
25% Lighter
#02c953 Original
#02a143 25% Darker
#017832
forestgreen
#228b22 25% Desaturated
#158d46 Web Safe: green
#008000
rgb(2, 161, 67)
rgba(2, 161, 67, 1.0)
red: 0.7843%, yellow: 45.0438%, blue: 63.1373%
#02a143
172355
-16604861 / 0xff02a143
hsl(145, 98%, 32%)
hsla(145, 98%, 32%, 1.0)
hue: 145 (144.5283), saturation: 99 (98.7578), value: 63 (63.1373)
X: 13.783, Y: 25.9079, Z: 9.5845
x: 0.2797, y: 0.5258, Y: 25.9079
L: 57.9495, a: -56.0609, b: 38.5314
L: 57.9495, u: -52.7108, v: 54.5944
L: 57.9495, C: 68.0256, H: 145.4987
L: 50.8998, a: -40.7391, b: 24.4655
cyan: 99 (0.9876), magenta: 0 (0), yellow: 58 (0.5839), key: 37 (0.3686)
cyan: 99 (0.9922), magenta: 37 (0.3686), yellow: 74 (0.7373)
Y: 102.743, I: -64.5201, Q: -62.8682
Y: 102.743, U: -17.5887, V: -88.3841
Y: 102.743, Db: -53.752, Dr: 191.549
Y: 104.224, Cb: 110.266, Cr: 64.873
Y: 120.365, Pb: -28.715, Pr: -75.176
10GY 6/12 approximate; exact match: Munsell 10GY 6/12 / #3baa3a
#02a143
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a143
to White#02a143
to Black#02a143
foreground
<p style="color: #02a143">#02a143 foreground</p>
#02a143
background
<p style="background-color: #02a143; color: #fff">#02a143 background</p>
#02a143
border
<p style="border: #02a143 3px solid">#02a143 border</p>
#02a143
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a143, #fff); background: -webkit-radial-gradient(50% 50%, #02a143, #fff); background: -o-radial-gradient(50% 50%, #02a143, #fff); background: -ms-radial-gradient(50% 50%, #02a143, #fff); background: radial-gradient(50% 50%, #02a143, #fff); color: #fff">#02a143 radial gradient</p>
#02a143
linear gradient to complementary #a1015f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a143, #a1015f); background: -webkit-linear-gradient(top, #02a143, #a1015f); background: -o-linear-gradient(top, #02a143, #a1015f); background: -ms-linear-gradient(top, #02a143, #a1015f); background: linear-gradient(top, #02a143, #a1015f); color: #fff">
#02a143
linear gradient to complementary #a1015f
</p>
#02a143
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a143">#02a143 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a143
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 #02a143
.
Jump to paint brand: