#01a657
Hex Color CodeThe hexadecimal color code #01a657
is a medium dark shade of green-cyan. In the RGB color model #01a657
is comprised of 0.39% red, 65.1% green and 34.12% blue. In the HSL color space #01a657
has a hue of 151.27 degrees, 98.8% saturation and 32.75% lightness. This color has an approximate wavelength of 525 nm.
#01a657
Color InformationInverted
#fe59a8 25% Saturated
#00a657 Grayscale
#535353
25% Lighter
#01cf6c Original
#01a657 25% Darker
#007c41
mediumseagreen
#3cb371 25% Desaturated
#159156 Web Safe: green
#008000
rgb(1, 166, 87)
rgba(1, 166, 87, 1.0)
red: 0.3922%, yellow: 42.9279%, blue: 65.098%
#01a657
108119
-16669097 / 0xff01a657
hsl(151, 99%, 33%)
hsla(151, 99%, 33%, 1.0)
hue: 151 (151.2727), saturation: 99 (99.3976), value: 65 (65.098)
X: 15.369, Y: 27.967, Z: 13.605
x: 0.2699, y: 0.4912, Y: 27.967
L: 59.8589, a: -54.5788, b: 30.8045
L: 59.8589, u: -53.3852, v: 47.3104
L: 59.8589, C: 62.6718, H: 150.5594
L: 52.8838, a: -40.6713, b: 21.7657
cyan: 99 (0.994), magenta: 0 (0), yellow: 48 (0.4759), key: 35 (0.349)
cyan: 100 (0.9961), magenta: 35 (0.349), yellow: 66 (0.6588)
Y: 107.659, I: -72.9134, Q: -59.4699
Y: 107.659, U: -10.1659, V: -93.5742
Y: 107.659, Db: -31.057, Dr: 202.802
Y: 108.447, Cb: 117.739, Cr: 61.174
Y: 125.167, Pb: -20.525, Pr: -78.866
2.5G 6/12 (approximate)
#01a657
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a657
to White#01a657
to Black#01a657
foreground
<p style="color: #01a657">#01a657 foreground</p>
#01a657
background
<p style="background-color: #01a657; color: #fff">#01a657 background</p>
#01a657
border
<p style="border: #01a657 3px solid">#01a657 border</p>
#01a657
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a657, #fff); background: -webkit-radial-gradient(50% 50%, #01a657, #fff); background: -o-radial-gradient(50% 50%, #01a657, #fff); background: -ms-radial-gradient(50% 50%, #01a657, #fff); background: radial-gradient(50% 50%, #01a657, #fff); color: #fff">#01a657 radial gradient</p>
#01a657
linear gradient to complementary #a50050
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a657, #a50050); background: -webkit-linear-gradient(top, #01a657, #a50050); background: -o-linear-gradient(top, #01a657, #a50050); background: -ms-linear-gradient(top, #01a657, #a50050); background: linear-gradient(top, #01a657, #a50050); color: #fff">
#01a657
linear gradient to complementary #a50050
</p>
#01a657
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a657">#01a657 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a657
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 #01a657
.
Jump to paint brand: