#02a851
Hex Color CodeThe hexadecimal color code #02a851
is a medium dark shade of green-cyan. In the RGB color model #02a851
is comprised of 0.78% red, 65.88% green and 31.76% blue. In the HSL color space #02a851
has a hue of 148.55 degrees, 97.65% saturation and 33.33% lightness. This color has an approximate wavelength of 526 nm.
#02a851
Color InformationInverted
#fd57ae 25% Saturated
#00a950 Grayscale
#545454
25% Lighter
#02d165 Original
#02a851 25% Darker
#017d3c
mediumseagreen
#3cb371 25% Desaturated
#169351 Web Safe: green
#008000
rgb(2, 168, 81)
rgba(2, 168, 81, 1.0)
red: 0.7843%, yellow: 44.8916%, blue: 65.8824%
#02a851
174161
-16603055 / 0xff02a851
hsl(149, 98%, 33%)
hsla(149, 98%, 33%, 1.0)
hue: 149 (148.5542), saturation: 99 (98.8095), value: 66 (65.8824)
X: 15.5129, Y: 28.6123, Z: 12.4897
x: 0.274, y: 0.5054, Y: 28.6123
L: 60.4379, a: -56.2272, b: 34.6131
L: 60.4379, u: -54.3279, v: 51.6465
L: 60.4379, C: 66.027, H: 148.3838
L: 53.4904, a: -41.8411, b: 23.5994
cyan: 99 (0.9881), magenta: 0 (0), yellow: 52 (0.5179), key: 34 (0.3412)
cyan: 99 (0.9922), magenta: 34 (0.3412), yellow: 68 (0.6824)
Y: 108.448, I: -70.939, Q: -62.1704
Y: 108.448, U: -13.5067, V: -93.3891
Y: 108.448, Db: -41.271, Dr: 202.399
Y: 109.124, Cb: 114.375, Cr: 61.303
Y: 126.378, Pb: -24.41, Pr: -78.998
2.5G 6/12 (approximate)
#02a851
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a851
to White#02a851
to Black#02a851
foreground
<p style="color: #02a851">#02a851 foreground</p>
#02a851
background
<p style="background-color: #02a851; color: #fff">#02a851 background</p>
#02a851
border
<p style="border: #02a851 3px solid">#02a851 border</p>
#02a851
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a851, #fff); background: -webkit-radial-gradient(50% 50%, #02a851, #fff); background: -o-radial-gradient(50% 50%, #02a851, #fff); background: -ms-radial-gradient(50% 50%, #02a851, #fff); background: radial-gradient(50% 50%, #02a851, #fff); color: #fff">#02a851 radial gradient</p>
#02a851
linear gradient to complementary #a70158
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a851, #a70158); background: -webkit-linear-gradient(top, #02a851, #a70158); background: -o-linear-gradient(top, #02a851, #a70158); background: -ms-linear-gradient(top, #02a851, #a70158); background: linear-gradient(top, #02a851, #a70158); color: #fff">
#02a851
linear gradient to complementary #a70158
</p>
#02a851
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a851">#02a851 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a851
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 #02a851
.
Jump to paint brand: