Color Charts
RGB
CMYK
RYB
#02a458 Hex Color CodeThe hexadecimal color code #02a458 is a medium dark shade of green-cyan. In the RGB color model #02a458 is comprised of 0.78% red, 64.31% green and 34.51% blue. In the HSL color space #02a458 has a hue of 151.85 degrees, 97.59% saturation and 32.55% lightness. This color has an approximate wavelength of 524 nm.
#02a458 Color InformationInverted
#fd5ba7 25% Saturated
#00a558 Grayscale
#525252
25% Lighter
#02cd6d Original
#02a458 25% Darker
#017b41
mediumseagreen
#3cb371 25% Desaturated
#168f56 Web Safe: green
#008000
rgb(2, 164, 88)
rgba(2, 164, 88, 1.0)
red: 0.7843%, yellow: 42.2834%, blue: 64.3137%
#02a458
173144
-16604072 / 0xff02a458
hsl(152, 98%, 33%)
hsla(152, 98%, 33%, 1.0)
hue: 152 (151.8519), saturation: 99 (98.7805), value: 64 (64.3137)
X: 15.0619, Y: 27.2684, Z: 13.702
x: 0.2688, y: 0.4867, Y: 27.2684
L: 59.2219, a: -53.6597, b: 29.4691
L: 59.2219, u: -52.6053, v: 45.592
L: 59.2219, C: 61.2192, H: 151.2251
L: 52.2192, a: -39.8975, b: 20.9961
cyan: 99 (0.9878), magenta: 0 (0), yellow: 46 (0.4634), key: 36 (0.3569)
cyan: 99 (0.9922), magenta: 36 (0.3569), yellow: 65 (0.6549)
Y: 106.898, I: -72.09, Q: -57.9021
Y: 106.898, U: -9.2993, V: -92.0292
Y: 106.898, Db: -28.408, Dr: 199.454
Y: 107.794, Cb: 118.612, Cr: 62.278
Y: 124.022, Pb: -19.37, Pr: -77.504
2.5G 6/12 (approximate)
#02a458 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a458 to White#02a458 to Black#02a458 foreground
<p style="color: #02a458">#02a458 foreground</p>
#02a458 background
<p style="background-color: #02a458; color: #fff">#02a458 background</p>
#02a458 border
<p style="border: #02a458 3px solid">#02a458 border</p>
#02a458 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a458, #fff); background: -webkit-radial-gradient(50% 50%, #02a458, #fff); background: -o-radial-gradient(50% 50%, #02a458, #fff); background: -ms-radial-gradient(50% 50%, #02a458, #fff); background: radial-gradient(50% 50%, #02a458, #fff); color: #fff">#02a458 radial gradient</p>
#02a458 linear gradient to complementary #a3014d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a458, #a3014d); background: -webkit-linear-gradient(top, #02a458, #a3014d); background: -o-linear-gradient(top, #02a458, #a3014d); background: -ms-linear-gradient(top, #02a458, #a3014d); background: linear-gradient(top, #02a458, #a3014d); color: #fff">#02a458 linear gradient to complementary #a3014d</p>
#02a458 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a458">#02a458 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a458 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 #02a458.
Jump to paint brand: