#00feff
Hex Color CodeThe hexadecimal color code #00feff
is a shade of cyan. In the RGB color model #00feff
is comprised of 0% red, 99.61% green and 100% blue. In the HSL color space #00feff
has a hue of 180.24 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 507 nm.
#00feff
Color InformationInverted
#ff0100 25% Saturated
#00fdff Grayscale
#7f7f7f
rgb(0, 254, 255)
rgba(0, 254, 255, 1.0)
red: 0%, yellow: 49.9018%, blue: 100%
#00feff
65279
-16711937 / 0xff00feff
hsl(180, 100%, 50%)
hsla(180, 100%, 50%, 1.0)
hue: 180 (180.2353), saturation: 100 (100), value: 100 (100)
X: 53.4918, Y: 78.1036, Z: 106.8639
x: 0.2243, y: 0.3275, Y: 78.1036
L: 90.8272, a: -47.6493, b: -14.5713
L: 90.8272, u: -70.1448, v: -16.001
L: 90.8272, C: 49.8275, H: 197.0038
L: 88.3763, a: -46.6171, b: -9.8297
cyan: 100 (1), magenta: 0 (0.0039), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 0 (0.0039), yellow: 0 (0)
Y: 178.168, I: -151.6331, Q: -53.3987
Y: 178.168, U: 37.8096, V: -156.31
Y: 178.168, Db: 115.633, Dr: 338.799
Y: 169.006, Cb: 166.031, Cr: 16.423
Y: 199.97, Pb: 29.71, Pr: -127.046
7.5BG 9/10 (approximate)
#00feff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00feff
to White#00feff
to Black#00feff
foreground
<p style="color: #00feff; background-color: #000">#00feff foreground</p>
#00feff
background
<p style="background-color: #00feff">#00feff background</p>
#00feff
border
<p style="border: #00feff 3px solid">#00feff border</p>
#00feff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00feff, #fff); background: -webkit-radial-gradient(50% 50%, #00feff, #fff); background: -o-radial-gradient(50% 50%, #00feff, #fff); background: -ms-radial-gradient(50% 50%, #00feff, #fff); background: radial-gradient(50% 50%, #00feff, #fff)">#00feff radial gradient</p>
#00feff
linear gradient to complementary #ff0100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00feff, #ff0100); background: -webkit-linear-gradient(top, #00feff, #ff0100); background: -o-linear-gradient(top, #00feff, #ff0100); background: -ms-linear-gradient(top, #00feff, #ff0100); background: linear-gradient(top, #00feff, #ff0100); color: #000">
#00feff
linear gradient to complementary #ff0100
</p>
#00feff
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00feff">#00feff text shadow</p>
The matching paint colors are listed in order of relevancy to the #00feff
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 #00feff
.
Jump to paint brand: