#00f9ff
Hex Color CodeThe hexadecimal color code #00f9ff
is a shade of cyan. In the RGB color model #00f9ff
is comprised of 0% red, 97.65% green and 100% blue. In the HSL color space #00f9ff
has a hue of 181.41 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 506 nm.
#00f9ff
Color InformationInverted
#ff0600 25% Saturated
#00f8ff Grayscale
#7f7f7f
rgb(0, 249, 255)
rgba(0, 249, 255, 1.0)
red: 0%, yellow: 49.4048%, blue: 100%
#00f9ff
63999
-16713217 / 0xff00f9ff
hsl(181, 100%, 50%)
hsla(181, 100%, 50%, 1.0)
hue: 181 (181.4118), saturation: 100 (100), value: 100 (100)
X: 51.9257, Y: 74.9714, Z: 106.3419
x: 0.2226, y: 0.3214, Y: 74.9714
L: 89.3796, a: -45.4784, b: -16.7429
L: 89.3796, u: -68.5038, v: -19.9401
L: 89.3796, C: 48.4625, H: 200.2112
L: 86.586, a: -44.4789, b: -12.2077
cyan: 100 (1), magenta: 2 (0.0235), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 2 (0.0235), yellow: 0 (0)
Y: 175.233, I: -150.2609, Q: -50.7857
Y: 175.233, U: 39.2539, V: -153.7351
Y: 175.233, Db: 120.048, Dr: 333.219
Y: 166.486, Cb: 167.486, Cr: 18.263
Y: 196.395, Pb: 31.635, Pr: -124.776
7.5BG 9/10 (approximate)
#00f9ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00f9ff
to White#00f9ff
to Black#00f9ff
foreground
<p style="color: #00f9ff; background-color: #000">#00f9ff foreground</p>
#00f9ff
background
<p style="background-color: #00f9ff">#00f9ff background</p>
#00f9ff
border
<p style="border: #00f9ff 3px solid">#00f9ff border</p>
#00f9ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00f9ff, #fff); background: -webkit-radial-gradient(50% 50%, #00f9ff, #fff); background: -o-radial-gradient(50% 50%, #00f9ff, #fff); background: -ms-radial-gradient(50% 50%, #00f9ff, #fff); background: radial-gradient(50% 50%, #00f9ff, #fff)">#00f9ff radial gradient</p>
#00f9ff
linear gradient to complementary #ff0500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00f9ff, #ff0500); background: -webkit-linear-gradient(top, #00f9ff, #ff0500); background: -o-linear-gradient(top, #00f9ff, #ff0500); background: -ms-linear-gradient(top, #00f9ff, #ff0500); background: linear-gradient(top, #00f9ff, #ff0500); color: #000">
#00f9ff
linear gradient to complementary #ff0500
</p>
#00f9ff
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00f9ff">#00f9ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #00f9ff
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 #00f9ff
.
Jump to paint brand: