#02acac
Hex Color CodeThe hexadecimal color code #02acac
is a medium dark shade of cyan. In the RGB color model #02acac
is comprised of 0.78% red, 67.45% green and 67.45% blue. In the HSL color space #02acac
has a hue of 180 degrees, 97.7% saturation and 34.12% lightness. This color has an approximate wavelength of 507 nm.
#02acac
Color InformationInverted
#fd5353 25% Saturated
#00adae Grayscale
#575757
25% Lighter
#02d7d7 Original
#02acac 25% Darker
#018081
lightseagreen
#20b2aa 25% Desaturated
#179696 Web Safe: teal
#008080
rgb(2, 172, 172)
rgba(2, 172, 172, 1.0)
red: 0.7843%, yellow: 34.1176%, blue: 67.451%
#02acac
175276
-16601940 / 0xff02acac
hsl(180, 98%, 34%)
hsla(180, 98%, 34%, 1.0)
hue: 180 (180), saturation: 99 (98.8372), value: 67 (67.451)
X: 22.224, Y: 32.4965, Z: 44.1309
x: 0.2248, y: 0.3287, Y: 32.4965
L: 63.7511, a: -35.7216, b: -10.5079
L: 63.7511, u: -49.2176, v: -10.6275
L: 63.7511, C: 37.2351, H: 196.3918
L: 57.0057, a: -30.1709, b: -5.9952
cyan: 99 (0.9884), magenta: 0 (0), yellow: 0 (0), key: 33 (0.3255)
cyan: 99 (0.9922), magenta: 33 (0.3255), yellow: 33 (0.3255)
Y: 121.17, I: -101.2717, Q: -35.9475
Y: 121.17, U: 25.0138, V: -104.55
Y: 121.17, Db: 76.5, Dr: 226.61
Y: 120.058, Cb: 153.16, Cr: 53.37
Y: 135.79, Pb: 19.55, Pr: -85
5BG 6/8 (approximate)
#02acac
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02acac
to White#02acac
to Black#02acac
foreground
<p style="color: #02acac">#02acac foreground</p>
#02acac
background
<p style="background-color: #02acac; color: #fff">#02acac background</p>
#02acac
border
<p style="border: #02acac 3px solid">#02acac border</p>
#02acac
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02acac, #fff); background: -webkit-radial-gradient(50% 50%, #02acac, #fff); background: -o-radial-gradient(50% 50%, #02acac, #fff); background: -ms-radial-gradient(50% 50%, #02acac, #fff); background: radial-gradient(50% 50%, #02acac, #fff); color: #fff">#02acac radial gradient</p>
#02acac
linear gradient to complementary #ac0101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02acac, #ac0101); background: -webkit-linear-gradient(top, #02acac, #ac0101); background: -o-linear-gradient(top, #02acac, #ac0101); background: -ms-linear-gradient(top, #02acac, #ac0101); background: linear-gradient(top, #02acac, #ac0101); color: #fff">
#02acac
linear gradient to complementary #ac0101
</p>
#02acac
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02acac">#02acac text shadow</p>
The matching paint colors are listed in order of relevancy to the #02acac
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 #02acac
.
Jump to paint brand: