Color Charts
RGB
CMYK
RYB
#02c3be Hex Color CodeThe hexadecimal color code #02c3be is a medium dark shade of cyan. In the RGB color model #02c3be is comprised of 0.78% red, 76.47% green and 74.51% blue. In the HSL color space #02c3be has a hue of 178.45 degrees, 97.97% saturation and 38.63% lightness. This color has an approximate wavelength of 508 nm.
#02c3be Color InformationInverted
#fd3c41 25% Saturated
#00c4bf Grayscale
#626262
25% Lighter
#02f3ed Original
#02c3be 25% Darker
#01928e
darkturquoise
#00ced1 25% Desaturated
#1aaaa7 Web Safe: aqua
#00ffff
rgb(2, 195, 190)
rgba(2, 195, 190, 1.0)
red: 0.7843%, yellow: 39.1241%, blue: 76.4706%
#02c3be
181182
-16596034 / 0xff02c3be
hsl(178, 98%, 39%)
hsla(178, 98%, 39%, 1.0)
hue: 178 (178.4456), saturation: 99 (98.9744), value: 76 (76.4706)
X: 28.8344, Y: 42.7608, Z: 55.4491
x: 0.227, y: 0.3366, Y: 42.7608
L: 71.3923, a: -40.726, b: -9.037
L: 71.3923, u: -55.662, v: -7.7213
L: 71.3923, C: 41.7166, H: 192.5111
L: 65.3918, a: -35.7263, b: -4.5009
cyan: 99 (0.9897), magenta: 0 (0), yellow: 3 (0.0256), key: 24 (0.2353)
cyan: 99 (0.9922), magenta: 24 (0.2353), yellow: 25 (0.2549)
Y: 136.723, I: -113.3669, Q: -42.3667
Y: 136.723, U: 26.218, V: -118.1949
Y: 136.723, Db: 80.185, Dr: 256.184
Y: 133.414, Cb: 154.369, Cr: 43.628
Y: 153.531, Pb: 19.695, Pr: -96.27
5BG 7/8 approximate; exact match: Munsell 5BG 7/8 / #3cc1be
#02c3be / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c3be to White#02c3be to Black#02c3be foreground
<p style="color: #02c3be; background-color: #000">#02c3be foreground</p>
#02c3be background
<p style="background-color: #02c3be">#02c3be background</p>
#02c3be border
<p style="border: #02c3be 3px solid">#02c3be border</p>
#02c3be radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c3be, #fff); background: -webkit-radial-gradient(50% 50%, #02c3be, #fff); background: -o-radial-gradient(50% 50%, #02c3be, #fff); background: -ms-radial-gradient(50% 50%, #02c3be, #fff); background: radial-gradient(50% 50%, #02c3be, #fff)">#02c3be radial gradient</p>
#02c3be linear gradient to complementary #c30106
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c3be, #c30106); background: -webkit-linear-gradient(top, #02c3be, #c30106); background: -o-linear-gradient(top, #02c3be, #c30106); background: -ms-linear-gradient(top, #02c3be, #c30106); background: linear-gradient(top, #02c3be, #c30106); color: #000">#02c3be linear gradient to complementary #c30106</p>
#02c3be text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c3be">#02c3be text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c3be 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 #02c3be.
Jump to paint brand: