Color Charts
RGB
CMYK
RYB
#00afcf Hex Color CodeThe hexadecimal color code #00afcf is a shade of cyan. In the RGB color model #00afcf is comprised of 0% red, 68.63% green and 81.18% blue. In the HSL color space #00afcf has a hue of 189.28 degrees, 100% saturation and 40.59% lightness. This color has an approximate wavelength of 501 nm.
#00afcf Color InformationInverted
#ff5030 25% Saturated
#00aecf Grayscale
#676767
25% Lighter
#03d8ff Original
#00afcf 25% Darker
#00839b
deepskyblue
#00bfff 25% Desaturated
#199db5 Web Safe: teal
#008080
rgb(0, 175, 207)
rgba(0, 175, 207, 1.0)
red: 0%, yellow: 37.1882%, blue: 81.1765%
#00afcf
45007
-16732209 / 0xff00afcf
hsl(189, 100%, 41%)
hsla(189, 100%, 41%, 1.0)
hue: 189 (189.2754), saturation: 100 (100), value: 81 (81.1765)
X: 26.5925, Y: 35.1649, Z: 64.4174
x: 0.2108, y: 0.2787, Y: 35.1649
L: 65.8769, a: -25.8958, b: -26.7305
L: 65.8769, u: -47.5341, v: -38.4036
L: 65.8769, C: 37.2171, H: 225.9087
L: 59.3, a: -23.7287, b: -22.8965
cyan: 100 (1), magenta: 15 (0.1546), yellow: 0 (0), key: 19 (0.1882)
cyan: 100 (1), magenta: 31 (0.3137), yellow: 19 (0.1882)
Y: 126.323, I: -114.5307, Q: -27.0485
Y: 126.323, U: 39.7015, V: -110.8253
Y: 126.323, Db: 121.406, Dr: 240.219
Y: 124.486, Cb: 167.948, Cr: 48.903
Y: 140.029, Pb: 36.125, Pr: -88.972
2.5B 6/8 (approximate)
#00afcf / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00afcf to White#00afcf to Black#00afcf foreground
<p style="color: #00afcf; background-color: #000">#00afcf foreground</p>
#00afcf background
<p style="background-color: #00afcf">#00afcf background</p>
#00afcf border
<p style="border: #00afcf 3px solid">#00afcf border</p>
#00afcf radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00afcf, #fff); background: -webkit-radial-gradient(50% 50%, #00afcf, #fff); background: -o-radial-gradient(50% 50%, #00afcf, #fff); background: -ms-radial-gradient(50% 50%, #00afcf, #fff); background: radial-gradient(50% 50%, #00afcf, #fff)">#00afcf radial gradient</p>
#00afcf linear gradient to complementary #cf2000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00afcf, #cf2000); background: -webkit-linear-gradient(top, #00afcf, #cf2000); background: -o-linear-gradient(top, #00afcf, #cf2000); background: -ms-linear-gradient(top, #00afcf, #cf2000); background: linear-gradient(top, #00afcf, #cf2000); color: #000">#00afcf linear gradient to complementary #cf2000</p>
#00afcf text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00afcf">#00afcf text shadow</p>
The matching paint colors are listed in order of relevancy to the #00afcf 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 #00afcf.
Jump to paint brand: