Color Charts
RGB
CMYK
RYB
#02a757 Hex Color CodeThe hexadecimal color code #02a757 is a medium dark shade of green-cyan. In the RGB color model #02a757 is comprised of 0.78% red, 65.49% green and 34.12% blue. In the HSL color space #02a757 has a hue of 150.91 degrees, 97.63% saturation and 33.14% lightness. This color has an approximate wavelength of 525 nm.
#02a757 Color InformationInverted
#fd58a8 25% Saturated
#00a857 Grayscale
#545454
25% Lighter
#02d06c Original
#02a757 25% Darker
#017d41
mediumseagreen
#3cb371 25% Desaturated
#169256 Web Safe: green
#008000
rgb(2, 167, 87)
rgba(2, 167, 87, 1.0)
red: 0.7843%, yellow: 43.4902%, blue: 65.4902%
#02a757
173911
-16603305 / 0xff02a757
hsl(151, 98%, 33%)
hsla(151, 98%, 33%, 1.0)
hue: 151 (150.9091), saturation: 99 (98.8024), value: 65 (65.4902)
X: 15.5641, Y: 28.3385, Z: 13.6664
x: 0.2704, y: 0.4923, Y: 28.3385
L: 60.1933, a: -54.8727, b: 31.2308
L: 60.1933, u: -53.6656, v: 47.8901
L: 60.1933, C: 63.1377, H: 150.3537
L: 53.2339, a: -40.971, b: 22.0426
cyan: 99 (0.988), magenta: 0 (0), yellow: 48 (0.479), key: 35 (0.3451)
cyan: 99 (0.9922), magenta: 35 (0.3451), yellow: 66 (0.6588)
Y: 108.545, I: -72.5921, Q: -59.781
Y: 108.545, U: -10.6019, V: -93.4742
Y: 108.545, Db: -32.39, Dr: 202.585
Y: 109.208, Cb: 117.3, Cr: 61.245
Y: 126.095, Pb: -21.025, Pr: -78.82
2.5G 6/12 (approximate)
#02a757 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a757 to White#02a757 to Black#02a757 foreground
<p style="color: #02a757">#02a757 foreground</p>
#02a757 background
<p style="background-color: #02a757; color: #fff">#02a757 background</p>
#02a757 border
<p style="border: #02a757 3px solid">#02a757 border</p>
#02a757 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a757, #fff); background: -webkit-radial-gradient(50% 50%, #02a757, #fff); background: -o-radial-gradient(50% 50%, #02a757, #fff); background: -ms-radial-gradient(50% 50%, #02a757, #fff); background: radial-gradient(50% 50%, #02a757, #fff); color: #fff">#02a757 radial gradient</p>
#02a757 linear gradient to complementary #a60151
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a757, #a60151); background: -webkit-linear-gradient(top, #02a757, #a60151); background: -o-linear-gradient(top, #02a757, #a60151); background: -ms-linear-gradient(top, #02a757, #a60151); background: linear-gradient(top, #02a757, #a60151); color: #fff">#02a757 linear gradient to complementary #a60151</p>
#02a757 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a757">#02a757 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a757 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 #02a757.
Jump to paint brand: