Color Charts
RGB
CMYK
RYB
#00c4df Hex Color CodeThe hexadecimal color code #00c4df is a shade of cyan. In the RGB color model #00c4df is comprised of 0% red, 76.86% green and 87.45% blue. In the HSL color space #00c4df has a hue of 187.26 degrees, 100% saturation and 43.73% lightness. This color has an approximate wavelength of 502 nm.
#00c4df Color InformationInverted
#ff3b20 25% Saturated
#00c3df Grayscale
#6f6f6f
25% Lighter
#17e3fe Original
#00c4df 25% Darker
#0092a7
darkturquoise
#00ced1 25% Desaturated
#1baec3 Web Safe: aqua
#00ffff
rgb(0, 196, 223)
rgba(0, 196, 223, 1.0)
red: 0%, yellow: 40.9079%, blue: 87.451%
#00c4df
50399
-16726817 / 0xff00c4df
hsl(187, 100%, 44%)
hsla(187, 100%, 44%, 1.0)
hue: 187 (187.2646), saturation: 100 (100), value: 87 (87.451)
X: 33.0592, Y: 44.8076, Z: 76.7184
x: 0.2139, y: 0.2899, Y: 44.8076
L: 72.765, a: -30.9761, b: -24.9254
L: 72.765, u: -53.4077, v: -35.1747
L: 72.765, C: 39.7592, H: 218.8224
L: 66.9385, a: -28.9857, b: -21.0955
cyan: 100 (1), magenta: 12 (0.1211), yellow: 0 (0), key: 13 (0.1255)
cyan: 100 (1), magenta: 23 (0.2314), yellow: 13 (0.1255)
Y: 140.474, I: -125.4344, Q: -33.0447
Y: 140.474, U: 40.6114, V: -123.2403
Y: 140.474, Db: 124.191, Dr: 267.127
Y: 136.638, Cb: 168.861, Cr: 40.039
Y: 156.196, Pb: 36.04, Pr: -99.242
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#00c4df / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00c4df to White#00c4df to Black#00c4df foreground
<p style="color: #00c4df; background-color: #000">#00c4df foreground</p>
#00c4df background
<p style="background-color: #00c4df">#00c4df background</p>
#00c4df border
<p style="border: #00c4df 3px solid">#00c4df border</p>
#00c4df radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00c4df, #fff); background: -webkit-radial-gradient(50% 50%, #00c4df, #fff); background: -o-radial-gradient(50% 50%, #00c4df, #fff); background: -ms-radial-gradient(50% 50%, #00c4df, #fff); background: radial-gradient(50% 50%, #00c4df, #fff)">#00c4df radial gradient</p>
#00c4df linear gradient to complementary #df1b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00c4df, #df1b00); background: -webkit-linear-gradient(top, #00c4df, #df1b00); background: -o-linear-gradient(top, #00c4df, #df1b00); background: -ms-linear-gradient(top, #00c4df, #df1b00); background: linear-gradient(top, #00c4df, #df1b00); color: #000">#00c4df linear gradient to complementary #df1b00</p>
#00c4df text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00c4df">#00c4df text shadow</p>
The matching paint colors are listed in order of relevancy to the #00c4df 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 #00c4df.
Jump to paint brand: