#01a3a2
Hex Color CodeThe hexadecimal color code #01a3a2
is a medium dark shade of cyan. In the RGB color model #01a3a2
is comprised of 0.39% red, 63.92% green and 63.53% blue. In the HSL color space #01a3a2
has a hue of 179.63 degrees, 98.78% saturation and 32.16% lightness. This color has an approximate wavelength of 507 nm.
#01a3a2
Color InformationInverted
#fe5c5d 25% Saturated
#00a3a2 Grayscale
#515151
25% Lighter
#01cbca Original
#01a3a2 25% Darker
#007a79
lightseagreen
#20b2aa 25% Desaturated
#158e8e Web Safe: teal
#008080
rgb(1, 163, 162)
rgba(1, 163, 162, 1.0)
red: 0.3922%, yellow: 32.2552%, blue: 63.9216%
#01a3a2
107426
-16669790 / 0xff01a3a2
hsl(180, 99%, 32%)
hsla(180, 99%, 32%, 1.0)
hue: 180 (179.6296), saturation: 99 (99.3865), value: 64 (63.9216)
X: 19.6313, Y: 28.8095, Z: 38.7085
x: 0.2253, y: 0.3306, Y: 28.8095
L: 60.6131, a: -34.6726, b: -9.5896
L: 60.6131, u: -46.9368, v: -9.272
L: 60.6131, C: 35.9743, H: 195.4602
L: 53.6745, a: -28.6444, b: -5.1862
cyan: 99 (0.9939), magenta: 0 (0), yellow: 1 (0.0061), key: 36 (0.3608)
cyan: 100 (0.9961), magenta: 36 (0.3608), yellow: 36 (0.3647)
Y: 114.448, I: -96.1847, Q: -34.567
Y: 114.448, U: 23.4007, V: -99.53
Y: 114.448, Db: 71.567, Dr: 215.729
Y: 114.285, Cb: 151.537, Cr: 56.953
Y: 128.422, Pb: 18.13, Pr: -80.954
5BG 6/8 (approximate)
#01a3a2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a3a2
to White#01a3a2
to Black#01a3a2
foreground
<p style="color: #01a3a2">#01a3a2 foreground</p>
#01a3a2
background
<p style="background-color: #01a3a2; color: #fff">#01a3a2 background</p>
#01a3a2
border
<p style="border: #01a3a2 3px solid">#01a3a2 border</p>
#01a3a2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a3a2, #fff); background: -webkit-radial-gradient(50% 50%, #01a3a2, #fff); background: -o-radial-gradient(50% 50%, #01a3a2, #fff); background: -ms-radial-gradient(50% 50%, #01a3a2, #fff); background: radial-gradient(50% 50%, #01a3a2, #fff); color: #fff">#01a3a2 radial gradient</p>
#01a3a2
linear gradient to complementary #a30001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a3a2, #a30001); background: -webkit-linear-gradient(top, #01a3a2, #a30001); background: -o-linear-gradient(top, #01a3a2, #a30001); background: -ms-linear-gradient(top, #01a3a2, #a30001); background: linear-gradient(top, #01a3a2, #a30001); color: #fff">
#01a3a2
linear gradient to complementary #a30001
</p>
#01a3a2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a3a2">#01a3a2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a3a2
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 #01a3a2
.
Jump to paint brand: