#02ac9d
Hex Color CodeThe hexadecimal color code #02ac9d
is a medium dark shade of cyan. In the RGB color model #02ac9d
is comprised of 0.78% red, 67.45% green and 61.57% blue. In the HSL color space #02ac9d
has a hue of 174.71 degrees, 97.7% saturation and 34.12% lightness. This color has an approximate wavelength of 510 nm.
#02ac9d
Color InformationInverted
#fd5362 25% Saturated
#00ae9e Grayscale
#575757
25% Lighter
#02d7c4 Original
#02ac9d 25% Darker
#018175
lightseagreen
#20b2aa 25% Desaturated
#17968b Web Safe: teal
#008080
rgb(2, 172, 157)
rgba(2, 172, 157, 1.0)
red: 0.7843%, yellow: 35.6561%, blue: 67.451%
#02ac9d
175261
-16601955 / 0xff02ac9d
hsl(175, 98%, 34%)
hsla(175, 98%, 34%, 1.0)
hue: 175 (174.7059), saturation: 99 (98.8372), value: 67 (67.451)
X: 20.8634, Y: 31.9523, Z: 36.9661
x: 0.2324, y: 0.3559, Y: 31.9523
L: 63.3034, a: -40.2108, b: -2.7925
L: 63.3034, u: -50.4177, v: 1.8795
L: 63.3034, C: 40.3076, H: 183.9727
L: 56.5263, a: -33.0384, b: 0.795
cyan: 99 (0.9884), magenta: 0 (0), yellow: 9 (0.0872), key: 33 (0.3255)
cyan: 99 (0.9922), magenta: 33 (0.3255), yellow: 38 (0.3843)
Y: 119.46, I: -96.4528, Q: -40.6145
Y: 119.46, U: 18.4738, V: -103.0498
Y: 119.46, Db: 56.505, Dr: 223.355
Y: 118.588, Cb: 146.575, Cr: 54.435
Y: 134.71, Pb: 12.05, Pr: -84.31
2.5BG 6/8 approximate; exact match: Munsell 2.5BG 6/8 / #12a69a
#02ac9d
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ac9d
to White#02ac9d
to Black#02ac9d
foreground
<p style="color: #02ac9d">#02ac9d foreground</p>
#02ac9d
background
<p style="background-color: #02ac9d; color: #fff">#02ac9d background</p>
#02ac9d
border
<p style="border: #02ac9d 3px solid">#02ac9d border</p>
#02ac9d
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ac9d, #fff); background: -webkit-radial-gradient(50% 50%, #02ac9d, #fff); background: -o-radial-gradient(50% 50%, #02ac9d, #fff); background: -ms-radial-gradient(50% 50%, #02ac9d, #fff); background: radial-gradient(50% 50%, #02ac9d, #fff); color: #fff">#02ac9d radial gradient</p>
#02ac9d
linear gradient to complementary #ac0110
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ac9d, #ac0110); background: -webkit-linear-gradient(top, #02ac9d, #ac0110); background: -o-linear-gradient(top, #02ac9d, #ac0110); background: -ms-linear-gradient(top, #02ac9d, #ac0110); background: linear-gradient(top, #02ac9d, #ac0110); color: #fff">
#02ac9d
linear gradient to complementary #ac0110
</p>
#02ac9d
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ac9d">#02ac9d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ac9d
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 #02ac9d
.
Jump to paint brand: