#00bff5
Hex Color CodeThe hexadecimal color code #00bff5
is a shade of cyan. In the RGB color model #00bff5
is comprised of 0% red, 74.9% green and 96.08% blue. In the HSL color space #00bff5
has a hue of 193.22 degrees, 100% saturation and 48.04% lightness. This color has an approximate wavelength of 498 nm.
#00bff5
Color InformationInverted
#ff400a 25% Saturated
#00bef5 Grayscale
#7a7a7a
25% Lighter
#33d2ff Original
#00bff5 25% Darker
#008fb7
deepskyblue
#00bfff 25% Desaturated
#1eadd6 Web Safe: aqua
#00ffff
rgb(0, 191, 245)
rgba(0, 191, 245, 1.0)
red: 0%, yellow: 42.0894%, blue: 96.0784%
#00bff5
49141
-16728075 / 0xff00bff5
hsl(193, 100%, 48%)
hsla(193, 100%, 48%, 1.0)
hue: 193 (193.2245), saturation: 100 (100), value: 96 (96.0784)
X: 35.1122, Y: 43.8542, Z: 93.0003
x: 0.2042, y: 0.255, Y: 43.8542
L: 72.1309, a: -21.1097, b: -37.8102
L: 72.1309, u: -50.0114, v: -58.3702
L: 72.1309, C: 43.3039, H: 240.825
L: 66.2225, a: -21.2458, b: -36.9088
cyan: 100 (1), magenta: 22 (0.2204), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (1), magenta: 25 (0.251), yellow: 4 (0.0392)
Y: 140.047, I: -131.13, Q: -23.5868
Y: 140.047, U: 51.6477, V: -122.8655
Y: 140.047, Db: 157.932, Dr: 266.321
Y: 136.274, Cb: 179.974, Cr: 40.317
Y: 154.205, Pb: 48.965, Pr: -97.984
7.5B 7/10 (approximate)
#00bff5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00bff5
to White#00bff5
to Black#00bff5
foreground
<p style="color: #00bff5; background-color: #000">#00bff5 foreground</p>
#00bff5
background
<p style="background-color: #00bff5">#00bff5 background</p>
#00bff5
border
<p style="border: #00bff5 3px solid">#00bff5 border</p>
#00bff5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00bff5, #fff); background: -webkit-radial-gradient(50% 50%, #00bff5, #fff); background: -o-radial-gradient(50% 50%, #00bff5, #fff); background: -ms-radial-gradient(50% 50%, #00bff5, #fff); background: radial-gradient(50% 50%, #00bff5, #fff)">#00bff5 radial gradient</p>
#00bff5
linear gradient to complementary #f53600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00bff5, #f53600); background: -webkit-linear-gradient(top, #00bff5, #f53600); background: -o-linear-gradient(top, #00bff5, #f53600); background: -ms-linear-gradient(top, #00bff5, #f53600); background: linear-gradient(top, #00bff5, #f53600); color: #000">
#00bff5
linear gradient to complementary #f53600
</p>
#00bff5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00bff5">#00bff5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00bff5
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 #00bff5
.
Jump to paint brand: