Color Charts
RGB
CMYK
RYB
#01a5d2 Hex Color CodeThe hexadecimal color code #01a5d2 is a shade of cyan. In the RGB color model #01a5d2 is comprised of 0.39% red, 64.71% green and 82.35% blue. In the HSL color space #01a5d2 has a hue of 192.92 degrees, 99.05% saturation and 41.37% lightness. This color has an approximate wavelength of 499 nm.
#01a5d2 Color InformationInverted
#fe5a2d 25% Saturated
#00a5d3 Grayscale
#696969
25% Lighter
#09c9fd Original
#01a5d2 25% Darker
#007b9d
deepskyblue
#00bfff 25% Desaturated
#1b96b7 Web Safe: teal
#008080
rgb(1, 165, 210)
rgba(1, 165, 210, 1.0)
red: 0.3922%, yellow: 36.4285%, blue: 82.3529%
#01a5d2
107986
-16669230 / 0xff01a5d2
hsl(193, 99%, 41%)
hsla(193, 99%, 41%, 1.0)
hue: 193 (192.9187), saturation: 100 (99.5238), value: 82 (82.3529)
X: 25.1005, Y: 31.5699, Z: 65.7434
x: 0.205, y: 0.2579, Y: 31.5699
L: 62.9858, a: -19.668, b: -32.8594
L: 62.9858, u: -43.8548, v: -49.1569
L: 62.9858, C: 38.2958, H: 239.0974
L: 56.1871, a: -18.5859, b: -30.0432
cyan: 100 (0.9952), magenta: 21 (0.2143), yellow: 0 (0), key: 18 (0.1765)
cyan: 100 (0.9961), magenta: 35 (0.3529), yellow: 18 (0.1765)
Y: 121.094, I: -112.1543, Q: -20.6777
Y: 121.094, U: 43.751, V: -105.3604
Y: 121.094, Db: 133.785, Dr: 228.377
Y: 119.997, Cb: 172.027, Cr: 52.809
Y: 133.308, Pb: 41.36, Pr: -84.07
5B 6/8 approximate; exact match: Munsell 5B 6/8 / #18a1c9
#01a5d2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a5d2 to White#01a5d2 to Black#01a5d2 foreground
<p style="color: #01a5d2">#01a5d2 foreground</p>
#01a5d2 background
<p style="background-color: #01a5d2; color: #fff">#01a5d2 background</p>
#01a5d2 border
<p style="border: #01a5d2 3px solid">#01a5d2 border</p>
#01a5d2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a5d2, #fff); background: -webkit-radial-gradient(50% 50%, #01a5d2, #fff); background: -o-radial-gradient(50% 50%, #01a5d2, #fff); background: -ms-radial-gradient(50% 50%, #01a5d2, #fff); background: radial-gradient(50% 50%, #01a5d2, #fff); color: #fff">#01a5d2 radial gradient</p>
#01a5d2 linear gradient to complementary #d22e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a5d2, #d22e00); background: -webkit-linear-gradient(top, #01a5d2, #d22e00); background: -o-linear-gradient(top, #01a5d2, #d22e00); background: -ms-linear-gradient(top, #01a5d2, #d22e00); background: linear-gradient(top, #01a5d2, #d22e00); color: #fff">#01a5d2 linear gradient to complementary #d22e00</p>
#01a5d2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a5d2">#01a5d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a5d2 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 #01a5d2.
Jump to paint brand: