#01a2d8
Hex Color CodeThe hexadecimal color code #01a2d8
is a shade of cyan. In the RGB color model #01a2d8
is comprised of 0.39% red, 63.53% green and 84.71% blue. In the HSL color space #01a2d8
has a hue of 195.07 degrees, 99.08% saturation and 42.55% lightness. This color has an approximate wavelength of 497 nm.
#01a2d8
Color InformationInverted
#fe5d27 25% Saturated
#00a2d9 Grayscale
#6c6c6c
25% Lighter
#11c2fd Original
#01a2d8 25% Darker
#0079a1
deepskyblue
#00bfff 25% Desaturated
#1b94bd Web Safe: teal
#008080
rgb(1, 162, 216)
rgba(1, 162, 216, 1.0)
red: 0.3922%, yellow: 36.4946%, blue: 84.7059%
#01a2d8
107224
-16669992 / 0xff01a2d8
hsl(195, 99%, 43%)
hsla(195, 99%, 43%, 1.0)
hue: 195 (195.0698), saturation: 100 (99.537), value: 85 (84.7059)
X: 25.3275, Y: 30.805, Z: 69.5768
x: 0.2015, y: 0.245, Y: 30.805
L: 62.3427, a: -15.9318, b: -37.1919
L: 62.3427, u: -42.3925, v: -56.7901
L: 62.3427, C: 40.4606, H: 246.8113
L: 55.5022, a: -15.6734, b: -35.4735
cyan: 100 (0.9954), magenta: 25 (0.25), yellow: 0 (0), key: 15 (0.1529)
cyan: 100 (0.9961), magenta: 36 (0.3647), yellow: 15 (0.1529)
Y: 120.017, I: -113.2585, Q: -17.2431
Y: 120.017, U: 47.2336, V: -104.4155
Y: 120.017, Db: 144.432, Dr: 226.331
Y: 119.073, Cb: 175.534, Cr: 53.487
Y: 131.595, Pb: 45.515, Pr: -82.984
7.5B 6/10 (approximate)
#01a2d8
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a2d8
to White#01a2d8
to Black#01a2d8
foreground
<p style="color: #01a2d8">#01a2d8 foreground</p>
#01a2d8
background
<p style="background-color: #01a2d8; color: #fff">#01a2d8 background</p>
#01a2d8
border
<p style="border: #01a2d8 3px solid">#01a2d8 border</p>
#01a2d8
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a2d8, #fff); background: -webkit-radial-gradient(50% 50%, #01a2d8, #fff); background: -o-radial-gradient(50% 50%, #01a2d8, #fff); background: -ms-radial-gradient(50% 50%, #01a2d8, #fff); background: radial-gradient(50% 50%, #01a2d8, #fff); color: #fff">#01a2d8 radial gradient</p>
#01a2d8
linear gradient to complementary #d73601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a2d8, #d73601); background: -webkit-linear-gradient(top, #01a2d8, #d73601); background: -o-linear-gradient(top, #01a2d8, #d73601); background: -ms-linear-gradient(top, #01a2d8, #d73601); background: linear-gradient(top, #01a2d8, #d73601); color: #fff">
#01a2d8
linear gradient to complementary #d73601
</p>
#01a2d8
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a2d8">#01a2d8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a2d8
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 #01a2d8
.
Jump to paint brand: