Color Charts
RGB
CMYK
RYB
#02c1d3 Hex Color CodeThe hexadecimal color code #02c1d3 is a shade of cyan. In the RGB color model #02c1d3 is comprised of 0.78% red, 75.69% green and 82.75% blue. In the HSL color space #02c1d3 has a hue of 185.17 degrees, 98.12% saturation and 41.76% lightness. This color has an approximate wavelength of 503 nm.
#02c1d3 Color InformationInverted
#fd3e2c 25% Saturated
#00c2d4 Grayscale
#6a6a6a
25% Lighter
#0de8fc Original
#02c1d3 25% Darker
#01909e
darkturquoise
#00ced1 25% Desaturated
#1cabb8 Web Safe: aqua
#00ffff
rgb(2, 193, 211)
rgba(2, 193, 211, 1.0)
red: 0.7843%, yellow: 39.9206%, blue: 82.7451%
#02c1d3
180691
-16596525 / 0xff02c1d3
hsl(185, 98%, 42%)
hsla(185, 98%, 42%, 1.0)
hue: 185 (185.1675), saturation: 99 (99.0521), value: 83 (82.7451)
X: 30.8529, Y: 42.856, Z: 68.2739
x: 0.2173, y: 0.3018, Y: 42.856
L: 71.4571, a: -33.3419, b: -20.3953
L: 71.4571, u: -53.2863, v: -27.2137
L: 71.4571, C: 39.0852, H: 211.4541
L: 65.4645, a: -30.4373, b: -16.0093
cyan: 99 (0.9905), magenta: 9 (0.0853), yellow: 0 (0), key: 17 (0.1725)
cyan: 99 (0.9922), magenta: 24 (0.2431), yellow: 17 (0.1725)
Y: 137.943, I: -119.5645, Q: -34.7877
Y: 137.943, U: 35.9518, V: -119.2652
Y: 137.943, Db: 109.944, Dr: 258.509
Y: 134.464, Cb: 164.17, Cr: 42.873
Y: 153.613, Pb: 30.965, Pr: -96.328
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#02c1d3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c1d3 to White#02c1d3 to Black#02c1d3 foreground
<p style="color: #02c1d3; background-color: #000">#02c1d3 foreground</p>
#02c1d3 background
<p style="background-color: #02c1d3">#02c1d3 background</p>
#02c1d3 border
<p style="border: #02c1d3 3px solid">#02c1d3 border</p>
#02c1d3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c1d3, #fff); background: -webkit-radial-gradient(50% 50%, #02c1d3, #fff); background: -o-radial-gradient(50% 50%, #02c1d3, #fff); background: -ms-radial-gradient(50% 50%, #02c1d3, #fff); background: radial-gradient(50% 50%, #02c1d3, #fff)">#02c1d3 radial gradient</p>
#02c1d3 linear gradient to complementary #d31301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c1d3, #d31301); background: -webkit-linear-gradient(top, #02c1d3, #d31301); background: -o-linear-gradient(top, #02c1d3, #d31301); background: -ms-linear-gradient(top, #02c1d3, #d31301); background: linear-gradient(top, #02c1d3, #d31301); color: #000">#02c1d3 linear gradient to complementary #d31301</p>
#02c1d3 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c1d3">#02c1d3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c1d3 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 #02c1d3.
Jump to paint brand: