#02a861
Hex Color CodeThe hexadecimal color code #02a861
is a medium dark shade of green-cyan. In the RGB color model #02a861
is comprised of 0.78% red, 65.88% green and 38.04% blue. In the HSL color space #02a861
has a hue of 154.34 degrees, 97.65% saturation and 33.33% lightness. This color has an approximate wavelength of 523 nm.
#02a861
Color InformationInverted
#fd579e 25% Saturated
#00a961 Grayscale
#545454
25% Lighter
#02d179 Original
#02a861 25% Darker
#017d48
mediumseagreen
#3cb371 25% Desaturated
#16935e Web Safe: green
#008000
rgb(2, 168, 97)
rgba(2, 168, 97, 1.0)
red: 0.7843%, yellow: 42.1877%, blue: 65.8824%
#02a861
174177
-16603039 / 0xff02a861
hsl(154, 98%, 33%)
hsla(154, 98%, 33%, 1.0)
hue: 154 (154.3373), saturation: 99 (98.8095), value: 66 (65.8824)
X: 16.1853, Y: 28.8812, Z: 16.0308
x: 0.2649, y: 0.4727, Y: 28.8812
L: 60.6767, a: -53.3638, b: 26.5935
L: 60.6767, u: -53.4059, v: 42.7071
L: 60.6767, C: 59.6231, H: 153.5109
L: 53.7413, a: -40.2881, b: 19.9329
cyan: 99 (0.9881), magenta: 0 (0), yellow: 42 (0.4226), key: 34 (0.3412)
cyan: 99 (0.9922), magenta: 34 (0.3412), yellow: 62 (0.6196)
Y: 110.272, I: -76.0792, Q: -57.1923
Y: 110.272, U: -6.5307, V: -94.9893
Y: 110.272, Db: -19.943, Dr: 205.871
Y: 110.692, Cb: 121.399, Cr: 60.167
Y: 127.53, Pb: -16.41, Pr: -79.734
2.5G 6/12 (approximate)
#02a861
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a861
to White#02a861
to Black#02a861
foreground
<p style="color: #02a861">#02a861 foreground</p>
#02a861
background
<p style="background-color: #02a861; color: #fff">#02a861 background</p>
#02a861
border
<p style="border: #02a861 3px solid">#02a861 border</p>
#02a861
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a861, #fff); background: -webkit-radial-gradient(50% 50%, #02a861, #fff); background: -o-radial-gradient(50% 50%, #02a861, #fff); background: -ms-radial-gradient(50% 50%, #02a861, #fff); background: radial-gradient(50% 50%, #02a861, #fff); color: #fff">#02a861 radial gradient</p>
#02a861
linear gradient to complementary #a70148
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a861, #a70148); background: -webkit-linear-gradient(top, #02a861, #a70148); background: -o-linear-gradient(top, #02a861, #a70148); background: -ms-linear-gradient(top, #02a861, #a70148); background: linear-gradient(top, #02a861, #a70148); color: #fff">
#02a861
linear gradient to complementary #a70148
</p>
#02a861
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a861">#02a861 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a861
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 #02a861
.
Jump to paint brand: