#02c8b5
Hex Color CodeThe hexadecimal color code #02c8b5
is a medium dark shade of cyan. In the RGB color model #02c8b5
is comprised of 0.78% red, 78.43% green and 70.98% blue. In the HSL color space #02c8b5
has a hue of 174.24 degrees, 98.02% saturation and 39.61% lightness. This color has an approximate wavelength of 510 nm.
#02c8b5
Color InformationInverted
#fd374a 25% Saturated
#00cab6 Grayscale
#656565
25% Lighter
#02fae2 Original
#02c8b5 25% Darker
#019687
mediumturquoise
#48d1cc 25% Desaturated
#1aafa1 Web Safe: aqua
#00ffff
rgb(2, 200, 181)
rgba(2, 200, 181, 1.0)
red: 0.7843%, yellow: 41.5645%, blue: 78.4314%
#02c8b5
182453
-16594763 / 0xff02c8b5
hsl(174, 98%, 40%)
hsla(174, 98%, 40%, 1.0)
hue: 174 (174.2424), saturation: 99 (99), value: 78 (78.4314)
X: 29.0198, Y: 44.6577, Z: 50.8063
x: 0.2331, y: 0.3587, Y: 44.6577
L: 72.6659, a: -45.497, b: -2.2531
L: 72.6659, u: -58.0824, v: 3.5759
L: 72.6659, C: 45.5527, H: 182.835
L: 66.8264, a: -39.4314, b: 1.7018
cyan: 99 (0.99), magenta: 0 (0), yellow: 9 (0.095), key: 22 (0.2157)
cyan: 99 (0.9922), magenta: 22 (0.2157), yellow: 29 (0.2902)
Y: 138.632, I: -111.8478, Q: -47.7799
Y: 138.632, U: 20.8497, V: -119.8698
Y: 138.632, Db: 63.773, Dr: 259.811
Y: 135.052, Cb: 148.963, Cr: 42.427
Y: 156.458, Pb: 13.27, Pr: -98.126
2.5BG 7/10 (approximate)
#02c8b5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c8b5
to White#02c8b5
to Black#02c8b5
foreground
<p style="color: #02c8b5; background-color: #000">#02c8b5 foreground</p>
#02c8b5
background
<p style="background-color: #02c8b5">#02c8b5 background</p>
#02c8b5
border
<p style="border: #02c8b5 3px solid">#02c8b5 border</p>
#02c8b5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c8b5, #fff); background: -webkit-radial-gradient(50% 50%, #02c8b5, #fff); background: -o-radial-gradient(50% 50%, #02c8b5, #fff); background: -ms-radial-gradient(50% 50%, #02c8b5, #fff); background: radial-gradient(50% 50%, #02c8b5, #fff)">#02c8b5 radial gradient</p>
#02c8b5
linear gradient to complementary #c80114
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c8b5, #c80114); background: -webkit-linear-gradient(top, #02c8b5, #c80114); background: -o-linear-gradient(top, #02c8b5, #c80114); background: -ms-linear-gradient(top, #02c8b5, #c80114); background: linear-gradient(top, #02c8b5, #c80114); color: #000">
#02c8b5
linear gradient to complementary #c80114
</p>
#02c8b5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c8b5">#02c8b5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c8b5
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 #02c8b5
.
Jump to paint brand: