Color Charts
RGB
CMYK
RYB
#01af60 Hex Color CodeThe hexadecimal color code #01af60 is a medium dark shade of green-cyan. In the RGB color model #01af60 is comprised of 0.39% red, 68.63% green and 37.65% blue. In the HSL color space #01af60 has a hue of 152.76 degrees, 98.86% saturation and 34.51% lightness. This color has an approximate wavelength of 524 nm.
#01af60 Color InformationInverted
#fe509f 25% Saturated
#00b060 Grayscale
#585858
25% Lighter
#01da78 Original
#01af60 25% Darker
#008348
mediumseagreen
#3cb371 25% Desaturated
#16995e Web Safe: green
#008000
rgb(1, 175, 96)
rgba(1, 175, 96, 1.0)
red: 0.3922%, yellow: 44.5295%, blue: 68.6275%
#01af60
110432
-16666784 / 0xff01af60
hsl(153, 99%, 35%)
hsla(153, 99%, 35%, 1.0)
hue: 153 (152.7586), saturation: 99 (99.4286), value: 69 (68.6275)
X: 17.4538, Y: 31.5109, Z: 16.2286
x: 0.2677, y: 0.4833, Y: 31.5109
L: 62.9366, a: -56.0462, b: 30.0573
L: 62.9366, u: -55.853, v: 47.464
L: 62.9366, C: 63.5973, H: 151.7955
L: 56.1346, a: -42.7349, b: 22.1533
cyan: 99 (0.9943), magenta: 0 (0), yellow: 45 (0.4514), key: 31 (0.3137)
cyan: 100 (0.9961), magenta: 31 (0.3137), yellow: 62 (0.6235)
Y: 113.968, I: -78.2748, Q: -61.373
Y: 113.968, U: -8.8416, V: -99.1092
Y: 113.968, Db: -27.007, Dr: 214.799
Y: 113.865, Cb: 119.071, Cr: 57.223
Y: 132.25, Pb: -19.49, Pr: -83.366
2.5G 6/12 (approximate)
#01af60 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01af60 to White#01af60 to Black#01af60 foreground
<p style="color: #01af60">#01af60 foreground</p>
#01af60 background
<p style="background-color: #01af60; color: #fff">#01af60 background</p>
#01af60 border
<p style="border: #01af60 3px solid">#01af60 border</p>
#01af60 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01af60, #fff); background: -webkit-radial-gradient(50% 50%, #01af60, #fff); background: -o-radial-gradient(50% 50%, #01af60, #fff); background: -ms-radial-gradient(50% 50%, #01af60, #fff); background: radial-gradient(50% 50%, #01af60, #fff); color: #fff">#01af60 radial gradient</p>
#01af60 linear gradient to complementary #af004f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01af60, #af004f); background: -webkit-linear-gradient(top, #01af60, #af004f); background: -o-linear-gradient(top, #01af60, #af004f); background: -ms-linear-gradient(top, #01af60, #af004f); background: linear-gradient(top, #01af60, #af004f); color: #fff">#01af60 linear gradient to complementary #af004f</p>
#01af60 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01af60">#01af60 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01af60 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 #01af60.
Jump to paint brand: