#00b8f2
Hex Color CodeThe hexadecimal color code #00b8f2
is a shade of cyan. In the RGB color model #00b8f2
is comprised of 0% red, 72.16% green and 94.9% blue. In the HSL color space #00b8f2
has a hue of 194.38 degrees, 100% saturation and 47.45% lightness. This color has an approximate wavelength of 498 nm.
#00b8f2
Color InformationInverted
#ff470d 25% Saturated
#00b7f1 Grayscale
#787878
25% Lighter
#2fcdff Original
#00b8f2 25% Darker
#0089b5
deepskyblue
#00bfff 25% Desaturated
#1ea8d3 Web Safe: teal
#008080
rgb(0, 184, 242)
rgba(0, 184, 242, 1.0)
red: 0%, yellow: 40.9905%, blue: 94.902%
#00b8f2
47346
-16729870 / 0xff00b8f2
hsl(194, 100%, 47%)
hsla(194, 100%, 47%, 1.0)
hue: 194 (194.3802), saturation: 100 (100), value: 95 (94.902)
X: 33.1675, Y: 40.6918, Z: 90.1106
x: 0.2023, y: 0.2482, Y: 40.6918
L: 69.9594, a: -18.4996, b: -39.568
L: 69.9594, u: -47.8992, v: -61.4776
L: 69.9594, C: 43.6791, H: 244.9421
L: 63.7901, a: -18.8221, b: -39.1006
cyan: 100 (1), magenta: 24 (0.2397), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (1), magenta: 28 (0.2784), yellow: 5 (0.051)
Y: 135.596, I: -128.245, Q: -20.8621
Y: 135.596, U: 52.3618, V: -118.9606
Y: 135.596, Db: 160.114, Dr: 257.858
Y: 132.452, Cb: 180.694, Cr: 43.106
Y: 148.984, Pb: 50.16, Pr: -94.668
7.5B 7/10 (approximate)
#00b8f2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b8f2
to White#00b8f2
to Black#00b8f2
foreground
<p style="color: #00b8f2; background-color: #000">#00b8f2 foreground</p>
#00b8f2
background
<p style="background-color: #00b8f2">#00b8f2 background</p>
#00b8f2
border
<p style="border: #00b8f2 3px solid">#00b8f2 border</p>
#00b8f2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b8f2, #fff); background: -webkit-radial-gradient(50% 50%, #00b8f2, #fff); background: -o-radial-gradient(50% 50%, #00b8f2, #fff); background: -ms-radial-gradient(50% 50%, #00b8f2, #fff); background: radial-gradient(50% 50%, #00b8f2, #fff)">#00b8f2 radial gradient</p>
#00b8f2
linear gradient to complementary #f13900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b8f2, #f13900); background: -webkit-linear-gradient(top, #00b8f2, #f13900); background: -o-linear-gradient(top, #00b8f2, #f13900); background: -ms-linear-gradient(top, #00b8f2, #f13900); background: linear-gradient(top, #00b8f2, #f13900); color: #000">
#00b8f2
linear gradient to complementary #f13900
</p>
#00b8f2
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00b8f2">#00b8f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b8f2
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 #00b8f2
.
Jump to paint brand: