#02a6a0
Hex Color CodeThe hexadecimal color code #02a6a0
is a medium dark shade of cyan. In the RGB color model #02a6a0
is comprised of 0.78% red, 65.1% green and 62.75% blue. In the HSL color space #02a6a0
has a hue of 177.8 degrees, 97.62% saturation and 32.94% lightness. This color has an approximate wavelength of 508 nm.
#02a6a0
Color InformationInverted
#fd595f 25% Saturated
#00a7a1 Grayscale
#535353
25% Lighter
#02cfc8 Original
#02a6a0 25% Darker
#017c78
lightseagreen
#20b2aa 25% Desaturated
#16918d Web Safe: teal
#008080
rgb(2, 166, 160)
rgba(2, 166, 160, 1.0)
red: 0.7843%, yellow: 33.5404%, blue: 65.098%
#02a6a0
173728
-16603488 / 0xff02a6a0
hsl(178, 98%, 33%)
hsla(178, 98%, 33%, 1.0)
hue: 178 (177.8049), saturation: 99 (98.7952), value: 65 (65.098)
X: 20.0064, Y: 29.8234, Z: 37.9598
x: 0.2279, y: 0.3397, Y: 29.8234
L: 61.5016, a: -36.6315, b: -7.1383
L: 61.5016, u: -48.0976, v: -5.2321
L: 61.5016, C: 37.3205, H: 191.0269
L: 54.6108, a: -30.1763, b: -2.9847
cyan: 99 (0.988), magenta: 0 (0), yellow: 4 (0.0361), key: 35 (0.349)
cyan: 99 (0.9922), magenta: 35 (0.349), yellow: 37 (0.3725)
Y: 116.28, I: -95.7698, Q: -36.5456
Y: 116.28, U: 21.515, V: -100.2599
Y: 116.28, Db: 65.802, Dr: 217.31
Y: 115.858, Cb: 149.638, Cr: 56.43
Y: 130.636, Pb: 15.86, Pr: -81.724
5BG 6/8 (approximate)
#02a6a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a6a0
to White#02a6a0
to Black#02a6a0
foreground
<p style="color: #02a6a0">#02a6a0 foreground</p>
#02a6a0
background
<p style="background-color: #02a6a0; color: #fff">#02a6a0 background</p>
#02a6a0
border
<p style="border: #02a6a0 3px solid">#02a6a0 border</p>
#02a6a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a6a0, #fff); background: -webkit-radial-gradient(50% 50%, #02a6a0, #fff); background: -o-radial-gradient(50% 50%, #02a6a0, #fff); background: -ms-radial-gradient(50% 50%, #02a6a0, #fff); background: radial-gradient(50% 50%, #02a6a0, #fff); color: #fff">#02a6a0 radial gradient</p>
#02a6a0
linear gradient to complementary #a50107
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a6a0, #a50107); background: -webkit-linear-gradient(top, #02a6a0, #a50107); background: -o-linear-gradient(top, #02a6a0, #a50107); background: -ms-linear-gradient(top, #02a6a0, #a50107); background: linear-gradient(top, #02a6a0, #a50107); color: #fff">
#02a6a0
linear gradient to complementary #a50107
</p>
#02a6a0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a6a0">#02a6a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a6a0
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 #02a6a0
.
Jump to paint brand: