Color Charts
RGB
CMYK
RYB
#01a8c2 Hex Color CodeThe hexadecimal color code #01a8c2 is a medium dark shade of cyan. In the RGB color model #01a8c2 is comprised of 0.39% red, 65.88% green and 76.08% blue. In the HSL color space #01a8c2 has a hue of 188.08 degrees, 98.97% saturation and 38.24% lightness. This color has an approximate wavelength of 502 nm.
#01a8c2 Color InformationInverted
#fe573d 25% Saturated
#00a8c3 Grayscale
#616161
25% Lighter
#01d1f2 Original
#01a8c2 25% Darker
#007d91
cadetblue
#5f9ea0 25% Desaturated
#1996a9 Web Safe: teal
#008080
rgb(1, 168, 194)
rgba(1, 168, 194, 1.0)
red: 0.3922%, yellow: 35.5022%, blue: 76.0784%
#01a8c2
108738
-16668478 / 0xff01a8c2
hsl(188, 99%, 38%)
hsla(188, 99%, 38%, 1.0)
hue: 188 (188.0829), saturation: 99 (99.4845), value: 76 (76.0784)
X: 23.7528, Y: 31.9068, Z: 55.9457
x: 0.2128, y: 0.2859, Y: 31.9068
L: 63.2657, a: -26.7222, b: -23.5237
L: 63.2657, u: -46.1173, v: -32.7833
L: 63.2657, C: 35.6011, H: 221.3577
L: 56.4861, a: -23.7902, b: -19.1825
cyan: 99 (0.9948), magenta: 13 (0.134), yellow: 0 (0), key: 24 (0.2392)
cyan: 100 (0.9961), magenta: 34 (0.3412), yellow: 24 (0.2392)
Y: 121.031, I: -107.8374, Q: -27.2236
Y: 121.031, U: 35.9084, V: -105.3053
Y: 121.031, Db: 109.808, Dr: 228.253
Y: 119.941, Cb: 164.13, Cr: 52.841
Y: 134.301, Pb: 32.205, Pr: -84.696
2.5B 6/8 (approximate)
#01a8c2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a8c2 to White#01a8c2 to Black#01a8c2 foreground
<p style="color: #01a8c2">#01a8c2 foreground</p>
#01a8c2 background
<p style="background-color: #01a8c2; color: #fff">#01a8c2 background</p>
#01a8c2 border
<p style="border: #01a8c2 3px solid">#01a8c2 border</p>
#01a8c2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a8c2, #fff); background: -webkit-radial-gradient(50% 50%, #01a8c2, #fff); background: -o-radial-gradient(50% 50%, #01a8c2, #fff); background: -ms-radial-gradient(50% 50%, #01a8c2, #fff); background: radial-gradient(50% 50%, #01a8c2, #fff); color: #fff">#01a8c2 radial gradient</p>
#01a8c2 linear gradient to complementary #c21b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a8c2, #c21b00); background: -webkit-linear-gradient(top, #01a8c2, #c21b00); background: -o-linear-gradient(top, #01a8c2, #c21b00); background: -ms-linear-gradient(top, #01a8c2, #c21b00); background: linear-gradient(top, #01a8c2, #c21b00); color: #fff">#01a8c2 linear gradient to complementary #c21b00</p>
#01a8c2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a8c2">#01a8c2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a8c2 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 #01a8c2.
Jump to paint brand: