#02bcdc
Hex Color CodeThe hexadecimal color code #02bcdc
is a shade of cyan. In the RGB color model #02bcdc
is comprised of 0.78% red, 73.73% green and 86.27% blue. In the HSL color space #02bcdc
has a hue of 188.81 degrees, 98.2% saturation and 43.53% lightness. This color has an approximate wavelength of 501 nm.
#02bcdc
Color InformationInverted
#fd4323 25% Saturated
#00bdde Grayscale
#6f6f6f
25% Lighter
#18dbfc Original
#02bcdc 25% Darker
#018ca5
deepskyblue
#00bfff 25% Desaturated
#1da8c0 Web Safe: aqua
#00ffff
rgb(2, 188, 220)
rgba(2, 188, 220, 1.0)
red: 0.7843%, yellow: 40.1437%, blue: 86.2745%
#02bcdc
179420
-16597796 / 0xff02bcdc
hsl(189, 98%, 44%)
hsla(189, 98%, 44%, 1.0)
hue: 189 (188.8073), saturation: 99 (99.0909), value: 86 (86.2745)
X: 30.9265, Y: 41.1467, Z: 74.0222
x: 0.2117, y: 0.2816, Y: 41.1467
L: 70.2785, a: -27.9887, b: -27.1027
L: 70.2785, u: -50.8708, v: -39.0808
L: 70.2785, C: 38.9605, H: 224.0786
L: 64.1457, a: -26.1948, b: -23.517
cyan: 99 (0.9909), magenta: 15 (0.1455), yellow: 0 (0), key: 14 (0.1373)
cyan: 99 (0.9922), magenta: 26 (0.2627), yellow: 14 (0.1373)
Y: 136.034, I: -121.0836, Q: -29.3745
Y: 136.034, U: 41.3201, V: -117.5903
Y: 136.034, Db: 126.356, Dr: 254.882
Y: 132.826, Cb: 169.576, Cr: 44.074
Y: 150.686, Pb: 37.39, Pr: -94.472
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#02bcdc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bcdc
to White#02bcdc
to Black#02bcdc
foreground
<p style="color: #02bcdc; background-color: #000">#02bcdc foreground</p>
#02bcdc
background
<p style="background-color: #02bcdc">#02bcdc background</p>
#02bcdc
border
<p style="border: #02bcdc 3px solid">#02bcdc border</p>
#02bcdc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bcdc, #fff); background: -webkit-radial-gradient(50% 50%, #02bcdc, #fff); background: -o-radial-gradient(50% 50%, #02bcdc, #fff); background: -ms-radial-gradient(50% 50%, #02bcdc, #fff); background: radial-gradient(50% 50%, #02bcdc, #fff)">#02bcdc radial gradient</p>
#02bcdc
linear gradient to complementary #dc2201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bcdc, #dc2201); background: -webkit-linear-gradient(top, #02bcdc, #dc2201); background: -o-linear-gradient(top, #02bcdc, #dc2201); background: -ms-linear-gradient(top, #02bcdc, #dc2201); background: linear-gradient(top, #02bcdc, #dc2201); color: #000">
#02bcdc
linear gradient to complementary #dc2201
</p>
#02bcdc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bcdc">#02bcdc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bcdc
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 #02bcdc
.
Jump to paint brand: