Color Charts
RGB
CMYK
RYB
#02c3d2 Hex Color CodeThe hexadecimal color code #02c3d2 is a shade of cyan. In the RGB color model #02c3d2 is comprised of 0.78% red, 76.47% green and 82.35% blue. In the HSL color space #02c3d2 has a hue of 184.33 degrees, 98.11% saturation and 41.57% lightness. This color has an approximate wavelength of 504 nm.
#02c3d2 Color InformationInverted
#fd3c2d 25% Saturated
#00c4d3 Grayscale
#696969
25% Lighter
#0cebfc Original
#02c3d2 25% Darker
#01929d
darkturquoise
#00ced1 25% Desaturated
#1bacb8 Web Safe: aqua
#00ffff
rgb(2, 195, 210)
rgba(2, 195, 210, 1.0)
red: 0.7843%, yellow: 40.043%, blue: 82.3529%
#02c3d2
181202
-16596014 / 0xff02c3d2
hsl(184, 98%, 42%)
hsla(184, 98%, 42%, 1.0)
hue: 184 (184.3269), saturation: 99 (99.0476), value: 82 (82.3529)
X: 31.173, Y: 43.6963, Z: 67.764
x: 0.2186, y: 0.3064, Y: 43.6963
L: 72.025, a: -34.6053, b: -18.9889
L: 72.025, u: -54.0467, v: -24.7366
L: 72.025, C: 39.4729, H: 208.7548
L: 66.1031, a: -31.5033, b: -14.5075
cyan: 99 (0.9905), magenta: 7 (0.0714), yellow: 0 (0), key: 18 (0.1765)
cyan: 99 (0.9922), magenta: 24 (0.2353), yellow: 18 (0.1765)
Y: 139.003, I: -119.7921, Q: -36.144
Y: 139.003, U: 34.938, V: -120.1951
Y: 139.003, Db: 106.845, Dr: 260.524
Y: 135.374, Cb: 163.149, Cr: 42.208
Y: 154.971, Pb: 29.695, Pr: -97.19
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#02c3d2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c3d2 to White#02c3d2 to Black#02c3d2 foreground
<p style="color: #02c3d2; background-color: #000">#02c3d2 foreground</p>
#02c3d2 background
<p style="background-color: #02c3d2">#02c3d2 background</p>
#02c3d2 border
<p style="border: #02c3d2 3px solid">#02c3d2 border</p>
#02c3d2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c3d2, #fff); background: -webkit-radial-gradient(50% 50%, #02c3d2, #fff); background: -o-radial-gradient(50% 50%, #02c3d2, #fff); background: -ms-radial-gradient(50% 50%, #02c3d2, #fff); background: radial-gradient(50% 50%, #02c3d2, #fff)">#02c3d2 radial gradient</p>
#02c3d2 linear gradient to complementary #d21101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c3d2, #d21101); background: -webkit-linear-gradient(top, #02c3d2, #d21101); background: -o-linear-gradient(top, #02c3d2, #d21101); background: -ms-linear-gradient(top, #02c3d2, #d21101); background: linear-gradient(top, #02c3d2, #d21101); color: #000">#02c3d2 linear gradient to complementary #d21101</p>
#02c3d2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c3d2">#02c3d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c3d2 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 #02c3d2.
Jump to paint brand: