Color Charts
RGB
CMYK
RYB
#00aadf Hex Color CodeThe hexadecimal color code #00aadf is a shade of cyan. In the RGB color model #00aadf is comprised of 0% red, 66.67% green and 87.45% blue. In the HSL color space #00aadf has a hue of 194.26 degrees, 100% saturation and 43.73% lightness. This color has an approximate wavelength of 498 nm.
#00aadf Color InformationInverted
#ff5520 25% Saturated
#00aadf Grayscale
#6f6f6f
25% Lighter
#17c8fe Original
#00aadf 25% Darker
#007fa7
deepskyblue
#00bfff 25% Desaturated
#1b9bc3 Web Safe: teal
#008080
rgb(0, 170, 223)
rgba(0, 170, 223, 1.0)
red: 0%, yellow: 37.8287%, blue: 87.451%
#00aadf
43743
-16733473 / 0xff00aadf
hsl(194, 100%, 44%)
hsla(194, 100%, 44%, 1.0)
hue: 194 (194.2601), saturation: 100 (100), value: 87 (87.451)
X: 27.694, Y: 34.0772, Z: 74.93
x: 0.2026, y: 0.2493, Y: 34.0772
L: 65.0238, a: -17.7641, b: -36.8785
L: 65.0238, u: -44.6128, v: -56.395
L: 65.0238, C: 40.934, H: 244.2802
L: 58.3756, a: -17.4751, b: -35.2407
cyan: 100 (1), magenta: 24 (0.2377), yellow: 0 (0), key: 13 (0.1255)
cyan: 100 (1), magenta: 33 (0.3333), yellow: 13 (0.1255)
Y: 125.212, I: -118.2987, Q: -19.4574
Y: 125.212, U: 48.1218, V: -109.8505
Y: 125.212, Db: 147.149, Dr: 238.111
Y: 123.534, Cb: 176.427, Cr: 49.607
Y: 137.606, Pb: 46.05, Pr: -87.438
7.5B 6/10 (approximate)
#00aadf / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00aadf to White#00aadf to Black#00aadf foreground
<p style="color: #00aadf; background-color: #000">#00aadf foreground</p>
#00aadf background
<p style="background-color: #00aadf">#00aadf background</p>
#00aadf border
<p style="border: #00aadf 3px solid">#00aadf border</p>
#00aadf radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00aadf, #fff); background: -webkit-radial-gradient(50% 50%, #00aadf, #fff); background: -o-radial-gradient(50% 50%, #00aadf, #fff); background: -ms-radial-gradient(50% 50%, #00aadf, #fff); background: radial-gradient(50% 50%, #00aadf, #fff)">#00aadf radial gradient</p>
#00aadf linear gradient to complementary #df3400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00aadf, #df3400); background: -webkit-linear-gradient(top, #00aadf, #df3400); background: -o-linear-gradient(top, #00aadf, #df3400); background: -ms-linear-gradient(top, #00aadf, #df3400); background: linear-gradient(top, #00aadf, #df3400); color: #000">#00aadf linear gradient to complementary #df3400</p>
#00aadf text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00aadf">#00aadf text shadow</p>
The matching paint colors are listed in order of relevancy to the #00aadf 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 #00aadf.
Jump to paint brand: