#01a3b4
Hex Color CodeThe hexadecimal color code #01a3b4
is a medium dark shade of cyan. In the RGB color model #01a3b4
is comprised of 0.39% red, 63.92% green and 70.59% blue. In the HSL color space #01a3b4
has a hue of 185.7 degrees, 98.9% saturation and 35.49% lightness. This color has an approximate wavelength of 503 nm.
#01a3b4
Color InformationInverted
#fe5c4b 25% Saturated
#00a3b5 Grayscale
#5a5a5a
25% Lighter
#01cbe1 Original
#01a3b4 25% Darker
#007a87
cadetblue
#5f9ea0 25% Desaturated
#17909d Web Safe: teal
#008080
rgb(1, 163, 180)
rgba(1, 163, 180, 1.0)
red: 0.3922%, yellow: 33.7404%, blue: 70.5882%
#01a3b4
107444
-16669772 / 0xff01a3b4
hsl(186, 99%, 35%)
hsla(186, 99%, 35%, 1.0)
hue: 186 (185.6983), saturation: 99 (99.4444), value: 71 (70.5882)
X: 21.3479, Y: 29.4961, Z: 47.7482
x: 0.2165, y: 0.2992, Y: 29.4961
L: 61.217, a: -28.9004, b: -18.8154
L: 61.217, u: -45.4967, v: -24.6875
L: 61.217, C: 34.4856, H: 213.0659
L: 54.3103, a: -24.8795, b: -14.1089
cyan: 99 (0.9944), magenta: 9 (0.0944), yellow: 0 (0), key: 29 (0.2941)
cyan: 100 (0.9961), magenta: 36 (0.3608), yellow: 29 (0.2941)
Y: 116.5, I: -101.9675, Q: -28.9666
Y: 116.5, U: 31.2487, V: -101.3302
Y: 116.5, Db: 95.561, Dr: 219.635
Y: 116.049, Cb: 159.439, Cr: 55.675
Y: 129.718, Pb: 27.13, Pr: -81.782
10BG 6/8 (approximate)
#01a3b4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a3b4
to White#01a3b4
to Black#01a3b4
foreground
<p style="color: #01a3b4">#01a3b4 foreground</p>
#01a3b4
background
<p style="background-color: #01a3b4; color: #fff">#01a3b4 background</p>
#01a3b4
border
<p style="border: #01a3b4 3px solid">#01a3b4 border</p>
#01a3b4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a3b4, #fff); background: -webkit-radial-gradient(50% 50%, #01a3b4, #fff); background: -o-radial-gradient(50% 50%, #01a3b4, #fff); background: -ms-radial-gradient(50% 50%, #01a3b4, #fff); background: radial-gradient(50% 50%, #01a3b4, #fff); color: #fff">#01a3b4 radial gradient</p>
#01a3b4
linear gradient to complementary #b41100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a3b4, #b41100); background: -webkit-linear-gradient(top, #01a3b4, #b41100); background: -o-linear-gradient(top, #01a3b4, #b41100); background: -ms-linear-gradient(top, #01a3b4, #b41100); background: linear-gradient(top, #01a3b4, #b41100); color: #fff">
#01a3b4
linear gradient to complementary #b41100
</p>
#01a3b4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a3b4">#01a3b4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a3b4
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 #01a3b4
.
Jump to paint brand: