#02ab5a
Hex Color CodeThe hexadecimal color code #02ab5a
is a medium dark shade of green-cyan. In the RGB color model #02ab5a
is comprised of 0.78% red, 67.06% green and 35.29% blue. In the HSL color space #02ab5a
has a hue of 151.24 degrees, 97.69% saturation and 33.92% lightness. This color has an approximate wavelength of 525 nm.
#02ab5a
Color InformationInverted
#fd54a5 25% Saturated
#00ac5a Grayscale
#565656
25% Lighter
#02d570 Original
#02ab5a 25% Darker
#018043
mediumseagreen
#3cb371 25% Desaturated
#179559 Web Safe: green
#008000
rgb(2, 171, 90)
rgba(2, 171, 90, 1.0)
red: 0.7843%, yellow: 44.3656%, blue: 67.0588%
#02ab5a
174938
-16602278 / 0xff02ab5a
hsl(151, 98%, 34%)
hsla(151, 98%, 34%, 1.0)
hue: 151 (151.2426), saturation: 99 (98.8304), value: 67 (67.0588)
X: 16.4334, Y: 29.8769, Z: 14.5736
x: 0.2699, y: 0.4907, Y: 29.8769
L: 61.5479, a: -55.7103, b: 31.3979
L: 61.5479, u: -54.8254, v: 48.5343
L: 61.5479, C: 63.9489, H: 150.5947
L: 54.6598, a: -41.9888, b: 22.4538
cyan: 99 (0.9883), magenta: 0 (0), yellow: 47 (0.4737), key: 33 (0.3294)
cyan: 99 (0.9922), magenta: 33 (0.3294), yellow: 65 (0.6471)
Y: 111.235, I: -74.6537, Q: -60.938
Y: 111.235, U: -10.4493, V: -95.8342
Y: 111.235, Db: -31.923, Dr: 207.7
Y: 111.518, Cb: 117.453, Cr: 59.56
Y: 129.171, Pb: -21.065, Pr: -80.774
2.5G 6/12 (approximate)
#02ab5a
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ab5a
to White#02ab5a
to Black#02ab5a
foreground
<p style="color: #02ab5a">#02ab5a foreground</p>
#02ab5a
background
<p style="background-color: #02ab5a; color: #fff">#02ab5a background</p>
#02ab5a
border
<p style="border: #02ab5a 3px solid">#02ab5a border</p>
#02ab5a
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ab5a, #fff); background: -webkit-radial-gradient(50% 50%, #02ab5a, #fff); background: -o-radial-gradient(50% 50%, #02ab5a, #fff); background: -ms-radial-gradient(50% 50%, #02ab5a, #fff); background: radial-gradient(50% 50%, #02ab5a, #fff); color: #fff">#02ab5a radial gradient</p>
#02ab5a
linear gradient to complementary #aa0152
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ab5a, #aa0152); background: -webkit-linear-gradient(top, #02ab5a, #aa0152); background: -o-linear-gradient(top, #02ab5a, #aa0152); background: -ms-linear-gradient(top, #02ab5a, #aa0152); background: linear-gradient(top, #02ab5a, #aa0152); color: #fff">
#02ab5a
linear gradient to complementary #aa0152
</p>
#02ab5a
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ab5a">#02ab5a text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ab5a
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 #02ab5a
.
Jump to paint brand: