Color Charts
RGB
CMYK
RYB
#02c5df Hex Color CodeThe hexadecimal color code #02c5df is a shade of cyan. In the RGB color model #02c5df is comprised of 0.78% red, 77.25% green and 87.45% blue. In the HSL color space #02c5df has a hue of 187.06 degrees, 98.22% saturation and 44.12% lightness. This color has an approximate wavelength of 502 nm.
#02c5df Color InformationInverted
#fd3a20 25% Saturated
#00c6e1 Grayscale
#707070
25% Lighter
#1ce2fc Original
#02c5df 25% Darker
#0193a7
darkturquoise
#00ced1 25% Desaturated
#1dafc3 Web Safe: aqua
#00ffff
rgb(2, 197, 223)
rgba(2, 197, 223, 1.0)
red: 0.7843%, yellow: 41.4093%, blue: 87.451%
#02c5df
181727
-16595489 / 0xff02c5df
hsl(187, 98%, 44%)
hsla(187, 98%, 44%, 1.0)
hue: 187 (187.0588), saturation: 99 (99.1031), value: 87 (87.451)
X: 33.3106, Y: 45.2731, Z: 76.795
x: 0.2144, y: 0.2914, Y: 45.2731
L: 73.0714, a: -31.4077, b: -24.4564
L: 73.0714, u: -53.6828, v: -34.3437
L: 73.0714, C: 39.8065, H: 217.907
L: 67.2853, a: -29.3803, b: -20.5699
cyan: 99 (0.991), magenta: 12 (0.1166), yellow: 0 (0), key: 13 (0.1255)
cyan: 99 (0.9922), magenta: 23 (0.2275), yellow: 13 (0.1255)
Y: 141.659, I: -124.5175, Q: -33.1444
Y: 141.659, U: 40.0283, V: -122.5253
Y: 141.659, Db: 122.408, Dr: 265.577
Y: 137.656, Cb: 168.274, Cr: 40.549
Y: 157.337, Pb: 35.425, Pr: -98.696
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#02c5df / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c5df to White#02c5df to Black#02c5df foreground
<p style="color: #02c5df; background-color: #000">#02c5df foreground</p>
#02c5df background
<p style="background-color: #02c5df">#02c5df background</p>
#02c5df border
<p style="border: #02c5df 3px solid">#02c5df border</p>
#02c5df radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c5df, #fff); background: -webkit-radial-gradient(50% 50%, #02c5df, #fff); background: -o-radial-gradient(50% 50%, #02c5df, #fff); background: -ms-radial-gradient(50% 50%, #02c5df, #fff); background: radial-gradient(50% 50%, #02c5df, #fff)">#02c5df radial gradient</p>
#02c5df linear gradient to complementary #df1c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c5df, #df1c01); background: -webkit-linear-gradient(top, #02c5df, #df1c01); background: -o-linear-gradient(top, #02c5df, #df1c01); background: -ms-linear-gradient(top, #02c5df, #df1c01); background: linear-gradient(top, #02c5df, #df1c01); color: #000">#02c5df linear gradient to complementary #df1c01</p>
#02c5df text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c5df">#02c5df text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c5df 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 #02c5df.
Jump to paint brand: