Color Charts
RGB
CMYK
RYB
#00aafe Hex Color CodeThe hexadecimal color code #00aafe is a shade of cyan. In the RGB color model #00aafe is comprised of 0% red, 66.67% green and 99.61% blue. In the HSL color space #00aafe has a hue of 199.84 degrees, 100% saturation and 49.8% lightness. This color has an approximate wavelength of 494 nm.
#00aafe Color InformationInverted
#ff5501 25% Saturated
#00a9fe Grayscale
#7f7f7f
25% Lighter
#3ebfff Original
#00aafe 25% Darker
#007fbe
deepskyblue
#00bfff 25% Desaturated
#1f9fde Web Safe: fuchsia
#ff00ff
rgb(0, 170, 254)
rgba(0, 170, 254, 1.0)
red: 0%, yellow: 39.9371%, blue: 99.6078%
#00aafe
43774
-16733442 / 0xff00aafe
hsl(200, 100%, 50%)
hsla(200, 100%, 50%, 1.0)
hue: 200 (199.8425), saturation: 100 (100), value: 100 (99.6078)
X: 32.2641, Y: 35.9052, Z: 98.9958
x: 0.193, y: 0.2148, Y: 35.9052
L: 66.4474, a: -6.587, b: -51.6025
L: 66.4474, u: -42.4377, v: -82.9041
L: 66.4474, C: 52.0212, H: 262.7255
L: 59.921, a: -8.7493, b: -56.0088
cyan: 100 (1), magenta: 33 (0.3307), yellow: 0 (0), key: 0 (0.0039)
cyan: 100 (1), magenta: 33 (0.3333), yellow: 0 (0.0039)
Y: 128.746, I: -128.2578, Q: -9.8122
Y: 128.746, U: 61.6378, V: -112.9508
Y: 128.746, Db: 188.472, Dr: 244.838
Y: 126.572, Cb: 190.036, Cr: 47.406
Y: 139.838, Pb: 61.55, Pr: -88.864
10B 6/12 (approximate)
#00aafe / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00aafe to White#00aafe to Black#00aafe foreground
<p style="color: #00aafe; background-color: #000">#00aafe foreground</p>
#00aafe background
<p style="background-color: #00aafe">#00aafe background</p>
#00aafe border
<p style="border: #00aafe 3px solid">#00aafe border</p>
#00aafe radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00aafe, #fff); background: -webkit-radial-gradient(50% 50%, #00aafe, #fff); background: -o-radial-gradient(50% 50%, #00aafe, #fff); background: -ms-radial-gradient(50% 50%, #00aafe, #fff); background: radial-gradient(50% 50%, #00aafe, #fff)">#00aafe radial gradient</p>
#00aafe linear gradient to complementary #fe5400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00aafe, #fe5400); background: -webkit-linear-gradient(top, #00aafe, #fe5400); background: -o-linear-gradient(top, #00aafe, #fe5400); background: -ms-linear-gradient(top, #00aafe, #fe5400); background: linear-gradient(top, #00aafe, #fe5400); color: #000">#00aafe linear gradient to complementary #fe5400</p>
#00aafe text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00aafe">#00aafe text shadow</p>
The matching paint colors are listed in order of relevancy to the #00aafe 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 #00aafe.
Jump to paint brand: