Color Charts
RGB
CMYK
RYB
#02afc9 Hex Color CodeThe hexadecimal color code #02afc9 is a medium dark shade of cyan. In the RGB color model #02afc9 is comprised of 0.78% red, 68.63% green and 78.82% blue. In the HSL color space #02afc9 has a hue of 187.84 degrees, 98.03% saturation and 39.8% lightness. This color has an approximate wavelength of 502 nm.
#02afc9 Color InformationInverted
#fd5036 25% Saturated
#00b0cb Grayscale
#656565
25% Lighter
#02dafb Original
#02afc9 25% Darker
#018396
cadetblue
#5f9ea0 25% Desaturated
#1a9cb0 Web Safe: teal
#008080
rgb(2, 175, 201)
rgba(2, 175, 201, 1.0)
red: 0.7843%, yellow: 37.0767%, blue: 78.8235%
#02afc9
176073
-16601143 / 0xff02afc9
hsl(188, 98%, 40%)
hsla(188, 98%, 40%, 1.0)
hue: 188 (187.8392), saturation: 99 (99.005), value: 79 (78.8235)
X: 25.8976, Y: 34.8899, Z: 60.6278
x: 0.2133, y: 0.2874, Y: 34.8899
L: 65.6629, a: -27.8467, b: -23.7404
L: 65.6629, u: -47.9342, v: -33.1642
L: 65.6629, C: 36.593, H: 220.4489
L: 59.0677, a: -25.1069, b: -19.5086
cyan: 99 (0.99), magenta: 13 (0.1294), yellow: 0 (0), key: 21 (0.2118)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 21 (0.2118)
Y: 126.237, I: -111.4117, Q: -28.4924
Y: 126.237, U: 36.7912, V: -108.9953
Y: 126.237, Db: 112.508, Dr: 236.251
Y: 124.412, Cb: 165.018, Cr: 50.207
Y: 140.023, Pb: 32.895, Pr: -87.696
2.5B 6/8 (approximate)
#02afc9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02afc9 to White#02afc9 to Black#02afc9 foreground
<p style="color: #02afc9; background-color: #000">#02afc9 foreground</p>
#02afc9 background
<p style="background-color: #02afc9">#02afc9 background</p>
#02afc9 border
<p style="border: #02afc9 3px solid">#02afc9 border</p>
#02afc9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02afc9, #fff); background: -webkit-radial-gradient(50% 50%, #02afc9, #fff); background: -o-radial-gradient(50% 50%, #02afc9, #fff); background: -ms-radial-gradient(50% 50%, #02afc9, #fff); background: radial-gradient(50% 50%, #02afc9, #fff)">#02afc9 radial gradient</p>
#02afc9 linear gradient to complementary #c91c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02afc9, #c91c01); background: -webkit-linear-gradient(top, #02afc9, #c91c01); background: -o-linear-gradient(top, #02afc9, #c91c01); background: -ms-linear-gradient(top, #02afc9, #c91c01); background: linear-gradient(top, #02afc9, #c91c01); color: #000">#02afc9 linear gradient to complementary #c91c01</p>
#02afc9 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02afc9">#02afc9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02afc9 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 #02afc9.
Jump to paint brand: