#00b2f5
Hex Color CodeThe hexadecimal color code #00b2f5
is a shade of cyan. In the RGB color model #00b2f5
is comprised of 0% red, 69.8% green and 96.08% blue. In the HSL color space #00b2f5
has a hue of 196.41 degrees, 100% saturation and 48.04% lightness. This color has an approximate wavelength of 496 nm.
#00b2f5
Color InformationInverted
#ff4d0a 25% Saturated
#00b1f5 Grayscale
#7a7a7a
25% Lighter
#33c7ff Original
#00b2f5 25% Darker
#0085b7
deepskyblue
#00bfff 25% Desaturated
#1ea4d6 Web Safe: teal
#008080
rgb(0, 178, 245)
rgba(0, 178, 245, 1.0)
red: 0%, yellow: 40.4302%, blue: 96.0784%
#00b2f5
45813
-16731403 / 0xff00b2f5
hsl(196, 100%, 48%)
hsla(196, 100%, 48%, 1.0)
hue: 196 (196.4082), saturation: 100 (100), value: 96 (96.0784)
X: 32.4018, Y: 38.4334, Z: 92.0968
x: 0.1989, y: 0.2359, Y: 38.4334
L: 68.3388, a: -14.244, b: -43.7318
L: 68.3388, u: -45.6842, v: -68.9168
L: 68.3388, C: 45.9931, H: 251.9589
L: 61.9946, a: -15.1967, b: -44.6827
cyan: 100 (1), magenta: 27 (0.2735), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (1), magenta: 30 (0.302), yellow: 4 (0.0392)
Y: 132.416, I: -127.5621, Q: -16.7931
Y: 132.416, U: 55.4029, V: -116.1707
Y: 132.416, Db: 169.411, Dr: 251.813
Y: 129.722, Cb: 183.757, Cr: 45.101
Y: 144.91, Pb: 53.97, Pr: -92.082
10B 7/10 approximate; exact match: Munsell 10B 7/10 / #42b9fe
#00b2f5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b2f5
to White#00b2f5
to Black#00b2f5
foreground
<p style="color: #00b2f5; background-color: #000">#00b2f5 foreground</p>
#00b2f5
background
<p style="background-color: #00b2f5">#00b2f5 background</p>
#00b2f5
border
<p style="border: #00b2f5 3px solid">#00b2f5 border</p>
#00b2f5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b2f5, #fff); background: -webkit-radial-gradient(50% 50%, #00b2f5, #fff); background: -o-radial-gradient(50% 50%, #00b2f5, #fff); background: -ms-radial-gradient(50% 50%, #00b2f5, #fff); background: radial-gradient(50% 50%, #00b2f5, #fff)">#00b2f5 radial gradient</p>
#00b2f5
linear gradient to complementary #f54300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b2f5, #f54300); background: -webkit-linear-gradient(top, #00b2f5, #f54300); background: -o-linear-gradient(top, #00b2f5, #f54300); background: -ms-linear-gradient(top, #00b2f5, #f54300); background: linear-gradient(top, #00b2f5, #f54300); color: #000">
#00b2f5
linear gradient to complementary #f54300
</p>
#00b2f5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00b2f5">#00b2f5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b2f5
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 #00b2f5
.
Jump to paint brand: