Color Charts
RGB
CMYK
RYB
#02bce5 Hex Color CodeThe hexadecimal color code #02bce5 is a shade of cyan. In the RGB color model #02bce5 is comprised of 0.78% red, 73.73% green and 89.8% blue. In the HSL color space #02bce5 has a hue of 190.84 degrees, 98.27% saturation and 45.29% lightness. This color has an approximate wavelength of 500 nm.
#02bce5 Color InformationInverted
#fd431a 25% Saturated
#00bde7 Grayscale
#737373
25% Lighter
#23d5fd Original
#02bce5 25% Darker
#018cab
deepskyblue
#00bfff 25% Desaturated
#1ea9c8 Web Safe: aqua
#00ffff
rgb(2, 188, 229)
rgba(2, 188, 229, 1.0)
red: 0.7843%, yellow: 40.8755%, blue: 89.8039%
#02bce5
179429
-16597787 / 0xff02bce5
hsl(191, 98%, 45%)
hsla(191, 98%, 45%, 1.0)
hue: 191 (190.837), saturation: 99 (99.1266), value: 90 (89.8039)
X: 32.1511, Y: 41.6365, Z: 80.4708
x: 0.2084, y: 0.2699, Y: 41.6365
L: 70.6196, a: -24.9781, b: -31.48
L: 70.6196, u: -50.1675, v: -46.9086
L: 70.6196, C: 40.1857, H: 231.5694
L: 64.5263, a: -23.9811, b: -28.7722
cyan: 99 (0.9913), magenta: 18 (0.179), yellow: 0 (0), key: 10 (0.102)
cyan: 99 (0.9922), magenta: 26 (0.2627), yellow: 10 (0.102)
Y: 137.06, I: -123.975, Q: -26.5743
Y: 137.06, U: 45.2441, V: -118.4904
Y: 137.06, Db: 138.353, Dr: 256.835
Y: 133.708, Cb: 173.527, Cr: 43.435
Y: 151.334, Pb: 41.89, Pr: -94.886
5B 7/8 approximate; exact match: Munsell 5B 7/8 / #48bce4
#02bce5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bce5 to White#02bce5 to Black#02bce5 foreground
<p style="color: #02bce5; background-color: #000">#02bce5 foreground</p>
#02bce5 background
<p style="background-color: #02bce5">#02bce5 background</p>
#02bce5 border
<p style="border: #02bce5 3px solid">#02bce5 border</p>
#02bce5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bce5, #fff); background: -webkit-radial-gradient(50% 50%, #02bce5, #fff); background: -o-radial-gradient(50% 50%, #02bce5, #fff); background: -ms-radial-gradient(50% 50%, #02bce5, #fff); background: radial-gradient(50% 50%, #02bce5, #fff)">#02bce5 radial gradient</p>
#02bce5 linear gradient to complementary #e52a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bce5, #e52a01); background: -webkit-linear-gradient(top, #02bce5, #e52a01); background: -o-linear-gradient(top, #02bce5, #e52a01); background: -ms-linear-gradient(top, #02bce5, #e52a01); background: linear-gradient(top, #02bce5, #e52a01); color: #000">#02bce5 linear gradient to complementary #e52a01</p>
#02bce5 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bce5">#02bce5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bce5 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 #02bce5.
Jump to paint brand: