Color Charts
RGB
CMYK
RYB
#02afce Hex Color CodeThe hexadecimal color code #02afce is a shade of cyan. In the RGB color model #02afce is comprised of 0.78% red, 68.63% green and 80.78% blue. In the HSL color space #02afce has a hue of 189.12 degrees, 98.08% saturation and 40.78% lightness. This color has an approximate wavelength of 501 nm.
#02afce Color InformationInverted
#fd5031 25% Saturated
#00b0d0 Grayscale
#686868
25% Lighter
#07d7fc Original
#02afce 25% Darker
#01839a
deepskyblue
#00bfff 25% Desaturated
#1b9db4 Web Safe: teal
#008080
rgb(2, 175, 206)
rgba(2, 175, 206, 1.0)
red: 0.7843%, yellow: 37.4952%, blue: 80.7843%
#02afce
176078
-16601138 / 0xff02afce
hsl(189, 98%, 41%)
hsla(189, 98%, 41%, 1.0)
hue: 189 (189.1176), saturation: 99 (99.0291), value: 81 (80.7843)
X: 26.4956, Y: 35.1291, Z: 63.7766
x: 0.2113, y: 0.2801, Y: 35.1291
L: 65.849, a: -26.1734, b: -26.22
L: 65.849, u: -47.541, v: -37.5136
L: 65.849, C: 37.0477, H: 225.051
L: 59.2698, a: -23.9266, b: -22.3095
cyan: 99 (0.9903), magenta: 15 (0.1505), yellow: 0 (0), key: 19 (0.1922)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 19 (0.1922)
Y: 126.807, I: -113.018, Q: -26.9367
Y: 126.807, U: 38.9712, V: -109.4953
Y: 126.807, Db: 119.173, Dr: 237.336
Y: 124.902, Cb: 167.213, Cr: 49.852
Y: 140.383, Pb: 35.395, Pr: -87.926
2.5B 6/8 (approximate)
#02afce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02afce to White#02afce to Black#02afce foreground
<p style="color: #02afce; background-color: #000">#02afce foreground</p>
#02afce background
<p style="background-color: #02afce">#02afce background</p>
#02afce border
<p style="border: #02afce 3px solid">#02afce border</p>
#02afce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02afce, #fff); background: -webkit-radial-gradient(50% 50%, #02afce, #fff); background: -o-radial-gradient(50% 50%, #02afce, #fff); background: -ms-radial-gradient(50% 50%, #02afce, #fff); background: radial-gradient(50% 50%, #02afce, #fff)">#02afce radial gradient</p>
#02afce linear gradient to complementary #ce2101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02afce, #ce2101); background: -webkit-linear-gradient(top, #02afce, #ce2101); background: -o-linear-gradient(top, #02afce, #ce2101); background: -ms-linear-gradient(top, #02afce, #ce2101); background: linear-gradient(top, #02afce, #ce2101); color: #000">#02afce linear gradient to complementary #ce2101</p>
#02afce text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02afce">#02afce text shadow</p>
The matching paint colors are listed in order of relevancy to the #02afce 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 #02afce.
Jump to paint brand: