Color Charts
RGB
CMYK
RYB
#00aef5 Hex Color CodeThe hexadecimal color code #00aef5 is a shade of cyan. In the RGB color model #00aef5 is comprised of 0% red, 68.24% green and 96.08% blue. In the HSL color space #00aef5 has a hue of 197.39 degrees, 100% saturation and 48.04% lightness. This color has an approximate wavelength of 496 nm.
#00aef5 Color InformationInverted
#ff510a 25% Saturated
#00adf5 Grayscale
#7a7a7a
25% Lighter
#33c3ff Original
#00aef5 25% Darker
#0082b7
deepskyblue
#00bfff 25% Desaturated
#1ea1d6 Web Safe: teal
#008080
rgb(0, 174, 245)
rgba(0, 174, 245, 1.0)
red: 0%, yellow: 39.8989%, blue: 96.0784%
#00aef5
44789
-16732427 / 0xff00aef5
hsl(197, 100%, 48%)
hsla(197, 100%, 48%, 1.0)
hue: 197 (197.3878), saturation: 100 (100), value: 96 (96.0784)
X: 31.6175, Y: 36.8647, Z: 91.8354
x: 0.1972, y: 0.2299, Y: 36.8647
L: 67.1754, a: -12.0706, b: -45.5586
L: 67.1754, u: -44.3607, v: -72.12
L: 67.1754, C: 47.1305, H: 255.1606
L: 60.7163, a: -13.3012, b: -47.1767
cyan: 100 (1), magenta: 29 (0.2898), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (1), magenta: 32 (0.3176), yellow: 4 (0.0392)
Y: 130.068, I: -126.4643, Q: -14.7028
Y: 130.068, U: 56.5584, V: -114.1107
Y: 130.068, Db: 172.943, Dr: 247.349
Y: 127.706, Cb: 184.921, Cr: 46.573
Y: 142.05, Pb: 55.51, Pr: -90.266
10B 7/10 approximate; exact match: Munsell 10B 7/10 / #42b9fe
#00aef5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00aef5 to White#00aef5 to Black#00aef5 foreground
<p style="color: #00aef5; background-color: #000">#00aef5 foreground</p>
#00aef5 background
<p style="background-color: #00aef5">#00aef5 background</p>
#00aef5 border
<p style="border: #00aef5 3px solid">#00aef5 border</p>
#00aef5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00aef5, #fff); background: -webkit-radial-gradient(50% 50%, #00aef5, #fff); background: -o-radial-gradient(50% 50%, #00aef5, #fff); background: -ms-radial-gradient(50% 50%, #00aef5, #fff); background: radial-gradient(50% 50%, #00aef5, #fff)">#00aef5 radial gradient</p>
#00aef5 linear gradient to complementary #f54700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00aef5, #f54700); background: -webkit-linear-gradient(top, #00aef5, #f54700); background: -o-linear-gradient(top, #00aef5, #f54700); background: -ms-linear-gradient(top, #00aef5, #f54700); background: linear-gradient(top, #00aef5, #f54700); color: #000">#00aef5 linear gradient to complementary #f54700</p>
#00aef5 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00aef5">#00aef5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00aef5 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 #00aef5.
Jump to paint brand: