#02a29c
Hex Color CodeThe hexadecimal color code #02a29c
is a medium dark shade of cyan. In the RGB color model #02a29c
is comprised of 0.78% red, 63.53% green and 61.18% blue. In the HSL color space #02a29c
has a hue of 177.75 degrees, 97.56% saturation and 32.16% lightness. This color has an approximate wavelength of 508 nm.
#02a29c
Color InformationInverted
#fd5d63 25% Saturated
#00a39d Grayscale
#515151
25% Lighter
#02cac3 Original
#02a29c 25% Darker
#017975
lightseagreen
#20b2aa 25% Desaturated
#158e89 Web Safe: teal
#008080
rgb(2, 162, 156)
rgba(2, 162, 156, 1.0)
red: 0.7843%, yellow: 32.7563%, blue: 63.5294%
#02a29c
172700
-16604516 / 0xff02a29c
hsl(178, 98%, 32%)
hsla(178, 98%, 32%, 1.0)
hue: 178 (177.75), saturation: 99 (98.7654), value: 64 (63.5294)
X: 18.9461, Y: 28.2539, Z: 35.9075
x: 0.228, y: 0.34, Y: 28.2539
L: 60.1174, a: -36.0153, b: -6.9409
L: 60.1174, u: -47.0238, v: -5.0022
L: 60.1174, C: 36.678, H: 190.9083
L: 53.1544, a: -29.3964, b: -2.8442
cyan: 99 (0.9877), magenta: 0 (0), yellow: 4 (0.037), key: 36 (0.3647)
cyan: 99 (0.9922), magenta: 36 (0.3647), yellow: 39 (0.3882)
Y: 113.476, I: -93.387, Q: -35.6998
Y: 113.476, U: 20.9264, V: -97.7999
Y: 113.476, Db: 64.002, Dr: 211.978
Y: 113.45, Cb: 149.046, Cr: 58.186
Y: 127.488, Pb: 15.4, Pr: -79.724
5BG 6/8 (approximate)
#02a29c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a29c
to White#02a29c
to Black#02a29c
foreground
<p style="color: #02a29c">#02a29c foreground</p>
#02a29c
background
<p style="background-color: #02a29c; color: #fff">#02a29c background</p>
#02a29c
border
<p style="border: #02a29c 3px solid">#02a29c border</p>
#02a29c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a29c, #fff); background: -webkit-radial-gradient(50% 50%, #02a29c, #fff); background: -o-radial-gradient(50% 50%, #02a29c, #fff); background: -ms-radial-gradient(50% 50%, #02a29c, #fff); background: radial-gradient(50% 50%, #02a29c, #fff); color: #fff">#02a29c radial gradient</p>
#02a29c
linear gradient to complementary #a20107
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a29c, #a20107); background: -webkit-linear-gradient(top, #02a29c, #a20107); background: -o-linear-gradient(top, #02a29c, #a20107); background: -ms-linear-gradient(top, #02a29c, #a20107); background: linear-gradient(top, #02a29c, #a20107); color: #fff">
#02a29c
linear gradient to complementary #a20107
</p>
#02a29c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a29c">#02a29c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a29c
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 #02a29c
.
Jump to paint brand: