#01aa63
Hex Color CodeThe hexadecimal color code #01aa63
is a medium dark shade of green-cyan. In the RGB color model #01aa63
is comprised of 0.39% red, 66.67% green and 38.82% blue. In the HSL color space #01aa63
has a hue of 154.79 degrees, 98.83% saturation and 33.53% lightness. This color has an approximate wavelength of 523 nm.
#01aa63
Color InformationInverted
#fe559c 25% Saturated
#00aa63 Grayscale
#555555
25% Lighter
#01d47b Original
#01aa63 25% Darker
#007f4a
mediumseagreen
#3cb371 25% Desaturated
#16945f Web Safe: green
#008000
rgb(1, 170, 99)
rgba(1, 170, 99, 1.0)
red: 0.3922%, yellow: 42.3412%, blue: 66.6667%
#01aa63
109155
-16668061 / 0xff01aa63
hsl(155, 99%, 34%)
hsla(155, 99%, 34%, 1.0)
hue: 155 (154.7929), saturation: 99 (99.4118), value: 67 (66.6667)
X: 16.6394, Y: 29.6568, Z: 16.6517
x: 0.2643, y: 0.4711, Y: 29.6568
L: 61.3569, a: -53.7283, b: 26.4202
L: 61.3569, u: -54.0033, v: 42.7046
L: 61.3569, C: 59.8729, H: 153.815
L: 54.458, a: -40.7617, b: 19.9914
cyan: 99 (0.9941), magenta: 0 (0), yellow: 42 (0.4176), key: 33 (0.3333)
cyan: 100 (0.9961), magenta: 33 (0.3333), yellow: 61 (0.6118)
Y: 111.375, I: -77.8663, Q: -57.8266
Y: 111.375, U: -6.0893, V: -96.8343
Y: 111.375, Db: -18.593, Dr: 209.87
Y: 111.639, Cb: 121.843, Cr: 58.85
Y: 128.891, Pb: -16.065, Pr: -81.234
2.5G 6/12 (approximate)
#01aa63
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01aa63
to White#01aa63
to Black#01aa63
foreground
<p style="color: #01aa63">#01aa63 foreground</p>
#01aa63
background
<p style="background-color: #01aa63; color: #fff">#01aa63 background</p>
#01aa63
border
<p style="border: #01aa63 3px solid">#01aa63 border</p>
#01aa63
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01aa63, #fff); background: -webkit-radial-gradient(50% 50%, #01aa63, #fff); background: -o-radial-gradient(50% 50%, #01aa63, #fff); background: -ms-radial-gradient(50% 50%, #01aa63, #fff); background: radial-gradient(50% 50%, #01aa63, #fff); color: #fff">#01aa63 radial gradient</p>
#01aa63
linear gradient to complementary #a90047
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01aa63, #a90047); background: -webkit-linear-gradient(top, #01aa63, #a90047); background: -o-linear-gradient(top, #01aa63, #a90047); background: -ms-linear-gradient(top, #01aa63, #a90047); background: linear-gradient(top, #01aa63, #a90047); color: #fff">
#01aa63
linear gradient to complementary #a90047
</p>
#01aa63
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01aa63">#01aa63 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01aa63
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 #01aa63
.
Jump to paint brand: