Color Charts
RGB
CMYK
RYB
#00aaf9 Hex Color CodeThe hexadecimal color code #00aaf9 is a shade of cyan. In the RGB color model #00aaf9 is comprised of 0% red, 66.67% green and 97.65% blue. In the HSL color space #00aaf9 has a hue of 199.04 degrees, 100% saturation and 48.82% lightness. This color has an approximate wavelength of 495 nm.
#00aaf9 Color InformationInverted
#ff5506 25% Saturated
#00a9f9 Grayscale
#7c7c7c
25% Lighter
#38bfff Original
#00aaf9 25% Darker
#007fba
deepskyblue
#00bfff 25% Desaturated
#1f9ed9 Web Safe: fuchsia
#ff00ff
rgb(0, 170, 249)
rgba(0, 170, 249, 1.0)
red: 0%, yellow: 39.6181%, blue: 97.6471%
#00aaf9
43769
-16733447 / 0xff00aaf9
hsl(199, 100%, 49%)
hsla(199, 100%, 49%, 1.0)
hue: 199 (199.0361), saturation: 100 (100), value: 98 (97.6471)
X: 31.4736, Y: 35.589, Z: 94.8331
x: 0.1944, y: 0.2198, Y: 35.589
L: 66.2047, a: -8.4129, b: -49.2662
L: 66.2047, u: -42.7708, v: -78.6871
L: 66.2047, C: 49.9794, H: 260.3094
L: 59.6565, a: -10.2258, b: -52.4909
cyan: 100 (1), magenta: 32 (0.3173), yellow: 0 (0), key: 2 (0.0235)
cyan: 100 (1), magenta: 33 (0.3333), yellow: 2 (0.0235)
Y: 128.176, I: -126.6515, Q: -11.3679
Y: 128.176, U: 59.4578, V: -112.4508
Y: 128.176, Db: 181.807, Dr: 243.753
Y: 126.082, Cb: 187.841, Cr: 47.761
Y: 139.478, Pb: 59.05, Pr: -88.634
10B 6/12 (approximate)
#00aaf9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00aaf9 to White#00aaf9 to Black#00aaf9 foreground
<p style="color: #00aaf9; background-color: #000">#00aaf9 foreground</p>
#00aaf9 background
<p style="background-color: #00aaf9">#00aaf9 background</p>
#00aaf9 border
<p style="border: #00aaf9 3px solid">#00aaf9 border</p>
#00aaf9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00aaf9, #fff); background: -webkit-radial-gradient(50% 50%, #00aaf9, #fff); background: -o-radial-gradient(50% 50%, #00aaf9, #fff); background: -ms-radial-gradient(50% 50%, #00aaf9, #fff); background: radial-gradient(50% 50%, #00aaf9, #fff)">#00aaf9 radial gradient</p>
#00aaf9 linear gradient to complementary #f94f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00aaf9, #f94f00); background: -webkit-linear-gradient(top, #00aaf9, #f94f00); background: -o-linear-gradient(top, #00aaf9, #f94f00); background: -ms-linear-gradient(top, #00aaf9, #f94f00); background: linear-gradient(top, #00aaf9, #f94f00); color: #000">#00aaf9 linear gradient to complementary #f94f00</p>
#00aaf9 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00aaf9">#00aaf9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00aaf9 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 #00aaf9.
Jump to paint brand: