Color Charts
RGB
CMYK
RYB
#00caec Hex Color CodeThe hexadecimal color code #00caec is a shade of cyan. In the RGB color model #00caec is comprised of 0% red, 79.22% green and 92.55% blue. In the HSL color space #00caec has a hue of 188.64 degrees, 100% saturation and 46.27% lightness. This color has an approximate wavelength of 501 nm.
#00caec Color InformationInverted
#ff3513 25% Saturated
#00c9eb Grayscale
#757575
rgb(0, 202, 236)
rgba(0, 202, 236, 1.0)
red: 0%, yellow: 42.6824%, blue: 92.549%
#00caec
51948
-16725268 / 0xff00caec
hsl(189, 100%, 46%)
hsla(189, 100%, 46%, 1.0)
hue: 189 (188.6441), saturation: 100 (100), value: 93 (92.549)
X: 36.2609, Y: 48.2972, Z: 86.768
x: 0.2116, y: 0.2819, Y: 48.2972
L: 75.012, a: -29.6579, b: -28.5056
L: 75.012, u: -54.397, v: -41.5529
L: 75.012, C: 41.1359, H: 223.865
L: 69.4962, a: -28.4828, b: -25.378
cyan: 100 (1), magenta: 14 (0.1441), yellow: 0 (0), key: 7 (0.0745)
cyan: 100 (1), magenta: 21 (0.2078), yellow: 7 (0.0745)
Y: 145.478, I: -131.2576, Q: -32.1355
Y: 145.478, U: 44.5463, V: -127.6303
Y: 145.478, Db: 136.222, Dr: 276.644
Y: 140.936, Cb: 172.822, Cr: 36.908
Y: 161.422, Pb: 40.23, Pr: -102.564
2.5B 7/10 (approximate)
#00caec / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00caec to White#00caec to Black#00caec foreground
<p style="color: #00caec; background-color: #000">#00caec foreground</p>
#00caec background
<p style="background-color: #00caec">#00caec background</p>
#00caec border
<p style="border: #00caec 3px solid">#00caec border</p>
#00caec radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00caec, #fff); background: -webkit-radial-gradient(50% 50%, #00caec, #fff); background: -o-radial-gradient(50% 50%, #00caec, #fff); background: -ms-radial-gradient(50% 50%, #00caec, #fff); background: radial-gradient(50% 50%, #00caec, #fff)">#00caec radial gradient</p>
#00caec linear gradient to complementary #eb2100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00caec, #eb2100); background: -webkit-linear-gradient(top, #00caec, #eb2100); background: -o-linear-gradient(top, #00caec, #eb2100); background: -ms-linear-gradient(top, #00caec, #eb2100); background: linear-gradient(top, #00caec, #eb2100); color: #000">#00caec linear gradient to complementary #eb2100</p>
#00caec text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00caec">#00caec text shadow</p>
The matching paint colors are listed in order of relevancy to the #00caec 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 #00caec.
Jump to paint brand: