#00bec5
Hex Color CodeThe hexadecimal color code #00bec5
is a medium dark shade of cyan. In the RGB color model #00bec5
is comprised of 0% red, 74.51% green and 77.25% blue. In the HSL color space #00bec5
has a hue of 182.13 degrees, 100% saturation and 38.63% lightness. This color has an approximate wavelength of 505 nm.
#00bec5
Color InformationInverted
#ff413a 25% Saturated
#00bdc5 Grayscale
#626262
25% Lighter
#00edf6 Original
#00bec5 25% Darker
#008e93
darkturquoise
#00ced1 25% Desaturated
#18a7ac Web Safe: aqua
#00ffff
rgb(0, 190, 197)
rgba(0, 190, 197, 1.0)
red: 0%, yellow: 37.9288%, blue: 77.2549%
#00bec5
48837
-16728379 / 0xff00bec5
hsl(182, 100%, 39%)
hsla(182, 100%, 39%, 1.0)
hue: 182 (182.132), saturation: 100 (100), value: 77 (77.2549)
X: 28.4915, Y: 40.8581, Z: 59.2081
x: 0.2216, y: 0.3178, Y: 40.8581
L: 70.0764, a: -36.391, b: -14.8363
L: 70.0764, u: -53.4617, v: -17.6178
L: 70.0764, C: 39.2991, H: 202.1803
L: 63.9204, a: -32.2971, b: -10.1748
cyan: 100 (1), magenta: 4 (0.0355), yellow: 0 (0), key: 23 (0.2275)
cyan: 100 (1), magenta: 25 (0.2549), yellow: 23 (0.2275)
Y: 133.988, I: -115.4349, Q: -37.9987
Y: 133.988, U: 31.0086, V: -117.5501
Y: 133.988, Db: 94.831, Dr: 254.789
Y: 131.066, Cb: 159.193, Cr: 44.093
Y: 150.034, Pb: 25.35, Pr: -95.322
7.5BG 7/8 approximate; exact match: Munsell 7.5BG 7/8 / #37c0c8
#00bec5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00bec5
to White#00bec5
to Black#00bec5
foreground
<p style="color: #00bec5; background-color: #000">#00bec5 foreground</p>
#00bec5
background
<p style="background-color: #00bec5">#00bec5 background</p>
#00bec5
border
<p style="border: #00bec5 3px solid">#00bec5 border</p>
#00bec5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00bec5, #fff); background: -webkit-radial-gradient(50% 50%, #00bec5, #fff); background: -o-radial-gradient(50% 50%, #00bec5, #fff); background: -ms-radial-gradient(50% 50%, #00bec5, #fff); background: radial-gradient(50% 50%, #00bec5, #fff)">#00bec5 radial gradient</p>
#00bec5
linear gradient to complementary #c50700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00bec5, #c50700); background: -webkit-linear-gradient(top, #00bec5, #c50700); background: -o-linear-gradient(top, #00bec5, #c50700); background: -ms-linear-gradient(top, #00bec5, #c50700); background: linear-gradient(top, #00bec5, #c50700); color: #000">
#00bec5
linear gradient to complementary #c50700
</p>
#00bec5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00bec5">#00bec5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00bec5
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 #00bec5
.
Jump to paint brand: