Color Charts
RGB
CMYK
RYB
#02bac6 Hex Color CodeThe hexadecimal color code #02bac6 is a medium dark shade of cyan. In the RGB color model #02bac6 is comprised of 0.78% red, 72.94% green and 77.65% blue. In the HSL color space #02bac6 has a hue of 183.67 degrees, 98% saturation and 39.22% lightness. This color has an approximate wavelength of 504 nm.
#02bac6 Color InformationInverted
#fd4539 25% Saturated
#00bbc8 Grayscale
#646464
25% Lighter
#02e8f7 Original
#02bac6 25% Darker
#018b94
darkturquoise
#00ced1 25% Desaturated
#1aa4ad Web Safe: teal
#008080
rgb(2, 186, 198)
rgba(2, 186, 198, 1.0)
red: 0.7843%, yellow: 38.0021%, blue: 77.6471%
#02bac6
178886
-16598330 / 0xff02bac6
hsl(184, 98%, 39%)
hsla(184, 98%, 39%, 1.0)
hue: 184 (183.6735), saturation: 99 (98.9899), value: 78 (77.6471)
X: 27.777, Y: 39.2079, Z: 59.53
x: 0.2196, y: 0.3099, Y: 39.2079
L: 68.9016, a: -34.1482, b: -17.1571
L: 68.9016, u: -51.9437, v: -21.6636
L: 68.9016, C: 38.2161, H: 206.6763
L: 62.6162, a: -30.3946, b: -12.5363
cyan: 99 (0.9899), magenta: 6 (0.0606), yellow: 0 (0), key: 22 (0.2235)
cyan: 99 (0.9922), magenta: 27 (0.2706), yellow: 22 (0.2235)
Y: 132.352, I: -113.4669, Q: -35.1743
Y: 132.352, U: 32.3058, V: -114.3601
Y: 132.352, Db: 98.796, Dr: 247.876
Y: 129.662, Cb: 160.5, Cr: 46.372
Y: 147.672, Pb: 27.16, Pr: -92.552
7.5BG 7/8 approximate; exact match: Munsell 7.5BG 7/8 / #37c0c8
#02bac6 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bac6 to White#02bac6 to Black#02bac6 foreground
<p style="color: #02bac6; background-color: #000">#02bac6 foreground</p>
#02bac6 background
<p style="background-color: #02bac6">#02bac6 background</p>
#02bac6 border
<p style="border: #02bac6 3px solid">#02bac6 border</p>
#02bac6 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bac6, #fff); background: -webkit-radial-gradient(50% 50%, #02bac6, #fff); background: -o-radial-gradient(50% 50%, #02bac6, #fff); background: -ms-radial-gradient(50% 50%, #02bac6, #fff); background: radial-gradient(50% 50%, #02bac6, #fff)">#02bac6 radial gradient</p>
#02bac6 linear gradient to complementary #c60e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bac6, #c60e01); background: -webkit-linear-gradient(top, #02bac6, #c60e01); background: -o-linear-gradient(top, #02bac6, #c60e01); background: -ms-linear-gradient(top, #02bac6, #c60e01); background: linear-gradient(top, #02bac6, #c60e01); color: #000">#02bac6 linear gradient to complementary #c60e01</p>
#02bac6 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bac6">#02bac6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bac6 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 #02bac6.
Jump to paint brand: