Color Charts
RGB
CMYK
RYB
#00bcd8 Hex Color CodeThe hexadecimal color code #00bcd8 is a shade of cyan. In the RGB color model #00bcd8 is comprised of 0% red, 73.73% green and 84.71% blue. In the HSL color space #00bcd8 has a hue of 187.78 degrees, 100% saturation and 42.35% lightness. This color has an approximate wavelength of 502 nm.
#00bcd8 Color InformationInverted
#ff4327 25% Saturated
#00bbd8 Grayscale
#6c6c6c
25% Lighter
#0fdffe Original
#00bcd8 25% Darker
#008ca2
darkturquoise
#00ced1 25% Desaturated
#1aa7bd Web Safe: aqua
#00ffff
rgb(0, 188, 216)
rgba(0, 188, 216, 1.0)
red: 0%, yellow: 39.4176%, blue: 84.7059%
#00bcd8
48344
-16728872 / 0xff00bcd8
hsl(188, 100%, 42%)
hsla(188, 100%, 42%, 1.0)
hue: 188 (187.7778), saturation: 100 (100), value: 85 (84.7059)
X: 30.3779, Y: 40.9243, Z: 71.2638
x: 0.2131, y: 0.2871, Y: 40.9243
L: 70.1229, a: -29.3633, b: -25.159
L: 70.1229, u: -51.2533, v: -35.6228
L: 70.1229, C: 38.6675, H: 220.5905
L: 63.9721, a: -27.1884, b: -21.2676
cyan: 100 (1), magenta: 13 (0.1296), yellow: 0 (0), key: 15 (0.1529)
cyan: 100 (1), magenta: 26 (0.2627), yellow: 15 (0.1529)
Y: 134.98, I: -120.99, Q: -31.0419
Y: 134.98, U: 39.8703, V: -118.4203
Y: 134.98, Db: 121.924, Dr: 256.68
Y: 131.92, Cb: 168.116, Cr: 43.48
Y: 149.972, Pb: 35.62, Pr: -95.288
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#00bcd8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00bcd8 to White#00bcd8 to Black#00bcd8 foreground
<p style="color: #00bcd8; background-color: #000">#00bcd8 foreground</p>
#00bcd8 background
<p style="background-color: #00bcd8">#00bcd8 background</p>
#00bcd8 border
<p style="border: #00bcd8 3px solid">#00bcd8 border</p>
#00bcd8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00bcd8, #fff); background: -webkit-radial-gradient(50% 50%, #00bcd8, #fff); background: -o-radial-gradient(50% 50%, #00bcd8, #fff); background: -ms-radial-gradient(50% 50%, #00bcd8, #fff); background: radial-gradient(50% 50%, #00bcd8, #fff)">#00bcd8 radial gradient</p>
#00bcd8 linear gradient to complementary #d81b00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00bcd8, #d81b00); background: -webkit-linear-gradient(top, #00bcd8, #d81b00); background: -o-linear-gradient(top, #00bcd8, #d81b00); background: -ms-linear-gradient(top, #00bcd8, #d81b00); background: linear-gradient(top, #00bcd8, #d81b00); color: #000">#00bcd8 linear gradient to complementary #d81b00</p>
#00bcd8 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00bcd8">#00bcd8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00bcd8 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 #00bcd8.
Jump to paint brand: