#00d4ff
Hex Color CodeThe hexadecimal color code #00d4ff
is a shade of cyan. In the RGB color model #00d4ff
is comprised of 0% red, 83.14% green and 100% blue. In the HSL color space #00d4ff
has a hue of 190.12 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 500 nm.
#00d4ff
Color InformationInverted
#ff2b00 25% Saturated
#00d3ff Grayscale
#7f7f7f
rgb(0, 212, 255)
rgba(0, 212, 255, 1.0)
red: 0%, yellow: 45.3961%, blue: 100%
#00d4ff
54527
-16722689 / 0xff00d4ff
hsl(190, 100%, 50%)
hsla(190, 100%, 50%, 1.0)
hue: 190 (190.1176), saturation: 100 (100), value: 100 (100)
X: 41.5935, Y: 54.307, Z: 102.8978
x: 0.2092, y: 0.2732, Y: 54.307
L: 78.6404, a: -28.3274, b: -33.0931
L: 78.6404, u: -56.2445, v: -49.8469
L: 78.6404, C: 43.5613, H: 229.4368
L: 73.6933, a: -28.2154, b: -31.2013
cyan: 100 (1), magenta: 17 (0.1686), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 17 (0.1686), yellow: 0 (0)
Y: 153.514, I: -140.1061, Q: -31.4499
Y: 153.514, U: 49.9417, V: -134.6804
Y: 153.514, Db: 152.719, Dr: 291.927
Y: 147.838, Cb: 178.253, Cr: 31.879
Y: 169.94, Pb: 45.88, Pr: -107.978
5B 8/10 (approximate)
#00d4ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00d4ff
to White#00d4ff
to Black#00d4ff
foreground
<p style="color: #00d4ff; background-color: #000">#00d4ff foreground</p>
#00d4ff
background
<p style="background-color: #00d4ff">#00d4ff background</p>
#00d4ff
border
<p style="border: #00d4ff 3px solid">#00d4ff border</p>
#00d4ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00d4ff, #fff); background: -webkit-radial-gradient(50% 50%, #00d4ff, #fff); background: -o-radial-gradient(50% 50%, #00d4ff, #fff); background: -ms-radial-gradient(50% 50%, #00d4ff, #fff); background: radial-gradient(50% 50%, #00d4ff, #fff)">#00d4ff radial gradient</p>
#00d4ff
linear gradient to complementary #ff2b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00d4ff, #ff2b00); background: -webkit-linear-gradient(top, #00d4ff, #ff2b00); background: -o-linear-gradient(top, #00d4ff, #ff2b00); background: -ms-linear-gradient(top, #00d4ff, #ff2b00); background: linear-gradient(top, #00d4ff, #ff2b00); color: #000">
#00d4ff
linear gradient to complementary #ff2b00
</p>
#00d4ff
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00d4ff">#00d4ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #00d4ff
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 #00d4ff
.
Jump to paint brand: