#02a7a9
Hex Color CodeThe hexadecimal color code #02a7a9
is a medium dark shade of cyan. In the RGB color model #02a7a9
is comprised of 0.78% red, 65.49% green and 66.27% blue. In the HSL color space #02a7a9
has a hue of 180.72 degrees, 97.66% saturation and 33.53% lightness. This color has an approximate wavelength of 506 nm.
#02a7a9
Color InformationInverted
#fd5856 25% Saturated
#00a8aa Grayscale
#555555
25% Lighter
#02d0d3 Original
#02a7a9 25% Darker
#017d7e
lightseagreen
#20b2aa 25% Desaturated
#169294 Web Safe: teal
#008080
rgb(2, 167, 169)
rgba(2, 167, 169, 1.0)
red: 0.7843%, yellow: 33.3322%, blue: 66.2745%
#02a7a9
173993
-16603223 / 0xff02a7a9
hsl(181, 98%, 34%)
hsla(181, 98%, 34%, 1.0)
hue: 181 (180.7186), saturation: 99 (98.8166), value: 66 (66.2745)
X: 21.0052, Y: 30.5149, Z: 42.319
x: 0.2238, y: 0.3252, Y: 30.5149
L: 62.096, a: -34.3244, b: -11.3077
L: 62.096, u: -47.7244, v: -12.0356
L: 62.096, C: 36.139, H: 198.2337
L: 55.2403, a: -28.7957, b: -6.7532
cyan: 99 (0.9882), magenta: 1 (0.0118), yellow: 0 (0), key: 34 (0.3373)
cyan: 99 (0.9922), magenta: 35 (0.3451), yellow: 34 (0.3373)
Y: 117.893, I: -98.9357, Q: -34.268
Y: 117.893, U: 25.1501, V: -101.675
Y: 117.893, Db: 76.916, Dr: 220.379
Y: 117.244, Cb: 153.298, Cr: 55.423
Y: 131.999, Pb: 19.975, Pr: -82.592
5BG 6/8 (approximate)
#02a7a9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a7a9
to White#02a7a9
to Black#02a7a9
foreground
<p style="color: #02a7a9">#02a7a9 foreground</p>
#02a7a9
background
<p style="background-color: #02a7a9; color: #fff">#02a7a9 background</p>
#02a7a9
border
<p style="border: #02a7a9 3px solid">#02a7a9 border</p>
#02a7a9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a7a9, #fff); background: -webkit-radial-gradient(50% 50%, #02a7a9, #fff); background: -o-radial-gradient(50% 50%, #02a7a9, #fff); background: -ms-radial-gradient(50% 50%, #02a7a9, #fff); background: radial-gradient(50% 50%, #02a7a9, #fff); color: #fff">#02a7a9 radial gradient</p>
#02a7a9
linear gradient to complementary #a80301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a7a9, #a80301); background: -webkit-linear-gradient(top, #02a7a9, #a80301); background: -o-linear-gradient(top, #02a7a9, #a80301); background: -ms-linear-gradient(top, #02a7a9, #a80301); background: linear-gradient(top, #02a7a9, #a80301); color: #fff">
#02a7a9
linear gradient to complementary #a80301
</p>
#02a7a9
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a7a9">#02a7a9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a7a9
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 #02a7a9
.
Jump to paint brand: