#01a486
Hex Color CodeThe hexadecimal color code #01a486
is a medium dark shade of green-cyan. In the RGB color model #01a486
is comprised of 0.39% red, 64.31% green and 52.55% blue. In the HSL color space #01a486
has a hue of 168.96 degrees, 98.79% saturation and 32.35% lightness. This color has an approximate wavelength of 514 nm.
#01a486
Color InformationInverted
#fe5b79 25% Saturated
#00a486 Grayscale
#525252
25% Lighter
#01cca7 Original
#01a486 25% Darker
#007a64
lightseagreen
#20b2aa 25% Desaturated
#158f79 Web Safe: teal
#008080
rgb(1, 164, 134)
rgba(1, 164, 134, 1.0)
red: 0.3922%, yellow: 35.5922%, blue: 64.3137%
#01a486
107654
-16669562 / 0xff01a486
hsl(169, 99%, 32%)
hsla(169, 99%, 32%, 1.0)
hue: 169 (168.9571), saturation: 99 (99.3902), value: 64 (64.3137)
X: 17.5911, Y: 28.2786, Z: 27.0854
x: 0.2411, y: 0.3876, Y: 28.2786
L: 60.1396, a: -43.2473, b: 5.4922
L: 60.1396, u: -49.4944, v: 14.283
L: 60.1396, C: 43.5946, H: 172.7624
L: 53.1776, a: -34.0134, b: 7.0256
cyan: 99 (0.9939), magenta: 0 (0), yellow: 18 (0.1829), key: 36 (0.3569)
cyan: 100 (0.9961), magenta: 36 (0.3569), yellow: 47 (0.4745)
Y: 111.843, I: -87.4638, Q: -43.8014
Y: 111.843, U: 10.9038, V: -97.2447
Y: 111.843, Db: 33.36, Dr: 210.769
Y: 112.045, Cb: 138.954, Cr: 58.573
Y: 127.121, Pb: 3.745, Pr: -80.12
7.5G 6/8 approximate; exact match: Munsell 7.5G 6/8 / #33a689
#01a486
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a486
to White#01a486
to Black#01a486
foreground
<p style="color: #01a486">#01a486 foreground</p>
#01a486
background
<p style="background-color: #01a486; color: #fff">#01a486 background</p>
#01a486
border
<p style="border: #01a486 3px solid">#01a486 border</p>
#01a486
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a486, #fff); background: -webkit-radial-gradient(50% 50%, #01a486, #fff); background: -o-radial-gradient(50% 50%, #01a486, #fff); background: -ms-radial-gradient(50% 50%, #01a486, #fff); background: radial-gradient(50% 50%, #01a486, #fff); color: #fff">#01a486 radial gradient</p>
#01a486
linear gradient to complementary #a3001e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a486, #a3001e); background: -webkit-linear-gradient(top, #01a486, #a3001e); background: -o-linear-gradient(top, #01a486, #a3001e); background: -ms-linear-gradient(top, #01a486, #a3001e); background: linear-gradient(top, #01a486, #a3001e); color: #fff">
#01a486
linear gradient to complementary #a3001e
</p>
#01a486
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a486">#01a486 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a486
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 #01a486
.
Jump to paint brand: