#02a085
Hex Color CodeThe hexadecimal color code #02a085
is a medium dark shade of green-cyan. In the RGB color model #02a085
is comprised of 0.78% red, 62.75% green and 52.16% blue. In the HSL color space #02a085
has a hue of 169.75 degrees, 97.53% saturation and 31.76% lightness. This color has an approximate wavelength of 513 nm.
#02a085
Color InformationInverted
#fd5f7a 25% Saturated
#00a286 Grayscale
#515151
25% Lighter
#02c8a6 Original
#02a085 25% Darker
#017763
lightseagreen
#20b2aa 25% Desaturated
#158c78 Web Safe: teal
#008080
rgb(2, 160, 133)
rgba(2, 160, 133, 1.0)
red: 0.7843%, yellow: 34.6591%, blue: 62.7451%
#02a085
172165
-16605051 / 0xff02a085
hsl(170, 98%, 32%)
hsla(170, 98%, 32%, 1.0)
hue: 170 (169.7468), saturation: 99 (98.75), value: 63 (62.7451)
X: 16.8295, Y: 26.848, Z: 26.4855
x: 0.2399, y: 0.3827, Y: 26.848
L: 58.8333, a: -41.7896, b: 4.1757
L: 58.8333, u: -48.1353, v: 12.1535
L: 58.8333, C: 41.9977, H: 174.2939
L: 51.815, a: -32.6996, b: 5.9642
cyan: 99 (0.9875), magenta: 0 (0), yellow: 17 (0.1687), key: 37 (0.3725)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 48 (0.4784)
Y: 109.68, I: -85.449, Q: -41.8107
Y: 109.68, U: 11.4761, V: -94.4697
Y: 109.68, Db: 35.109, Dr: 204.755
Y: 110.188, Cb: 139.531, Cr: 60.555
Y: 124.402, Pb: 4.67, Pr: -77.758
7.5G 6/8 approximate; exact match: Munsell 7.5G 6/8 / #33a689
#02a085
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a085
to White#02a085
to Black#02a085
foreground
<p style="color: #02a085">#02a085 foreground</p>
#02a085
background
<p style="background-color: #02a085; color: #fff">#02a085 background</p>
#02a085
border
<p style="border: #02a085 3px solid">#02a085 border</p>
#02a085
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a085, #fff); background: -webkit-radial-gradient(50% 50%, #02a085, #fff); background: -o-radial-gradient(50% 50%, #02a085, #fff); background: -ms-radial-gradient(50% 50%, #02a085, #fff); background: radial-gradient(50% 50%, #02a085, #fff); color: #fff">#02a085 radial gradient</p>
#02a085
linear gradient to complementary #a0011c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a085, #a0011c); background: -webkit-linear-gradient(top, #02a085, #a0011c); background: -o-linear-gradient(top, #02a085, #a0011c); background: -ms-linear-gradient(top, #02a085, #a0011c); background: linear-gradient(top, #02a085, #a0011c); color: #fff">
#02a085
linear gradient to complementary #a0011c
</p>
#02a085
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a085">#02a085 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a085
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 #02a085
.
Jump to paint brand: