#02ac59
Hex Color CodeThe hexadecimal color code #02ac59
is a medium dark shade of green-cyan. In the RGB color model #02ac59
is comprised of 0.78% red, 67.45% green and 34.9% blue. In the HSL color space #02ac59
has a hue of 150.71 degrees, 97.7% saturation and 34.12% lightness. This color has an approximate wavelength of 525 nm.
#02ac59
Color InformationInverted
#fd53a6 25% Saturated
#00ae59 Grayscale
#575757
25% Lighter
#02d76f Original
#02ac59 25% Darker
#018142
mediumseagreen
#3cb371 25% Desaturated
#179658 Web Safe: green
#008000
rgb(2, 172, 89)
rgba(2, 172, 89, 1.0)
red: 0.7843%, yellow: 44.8829%, blue: 67.451%
#02ac59
175193
-16602023 / 0xff02ac59
hsl(151, 98%, 34%)
hsla(151, 98%, 34%, 1.0)
hue: 151 (150.7059), saturation: 99 (98.8372), value: 67 (67.451)
X: 16.5807, Y: 30.2392, Z: 14.4141
x: 0.2708, y: 0.4938, Y: 30.2392
L: 61.8601, a: -56.2261, b: 32.3107
L: 61.8601, u: -55.2142, v: 49.6593
L: 61.8601, C: 64.8487, H: 150.1159
L: 54.9902, a: -42.4113, b: 22.952
cyan: 99 (0.9884), magenta: 0 (0), yellow: 48 (0.4826), key: 33 (0.3255)
cyan: 99 (0.9922), magenta: 33 (0.3255), yellow: 65 (0.651)
Y: 111.708, I: -74.6069, Q: -61.7717
Y: 111.708, U: -11.1742, V: -96.2492
Y: 111.708, Db: -34.139, Dr: 208.599
Y: 111.924, Cb: 116.723, Cr: 59.263
Y: 129.814, Pb: -21.95, Pr: -81.182
2.5G 6/12 (approximate)
#02ac59
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ac59
to White#02ac59
to Black#02ac59
foreground
<p style="color: #02ac59">#02ac59 foreground</p>
#02ac59
background
<p style="background-color: #02ac59; color: #fff">#02ac59 background</p>
#02ac59
border
<p style="border: #02ac59 3px solid">#02ac59 border</p>
#02ac59
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ac59, #fff); background: -webkit-radial-gradient(50% 50%, #02ac59, #fff); background: -o-radial-gradient(50% 50%, #02ac59, #fff); background: -ms-radial-gradient(50% 50%, #02ac59, #fff); background: radial-gradient(50% 50%, #02ac59, #fff); color: #fff">#02ac59 radial gradient</p>
#02ac59
linear gradient to complementary #ac0154
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ac59, #ac0154); background: -webkit-linear-gradient(top, #02ac59, #ac0154); background: -o-linear-gradient(top, #02ac59, #ac0154); background: -ms-linear-gradient(top, #02ac59, #ac0154); background: linear-gradient(top, #02ac59, #ac0154); color: #fff">
#02ac59
linear gradient to complementary #ac0154
</p>
#02ac59
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ac59">#02ac59 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ac59
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 #02ac59
.
Jump to paint brand: