Color Charts
RGB
CMYK
RYB
#02c8d1 Hex Color CodeThe hexadecimal color code #02c8d1 is a shade of cyan. In the RGB color model #02c8d1 is comprised of 0.78% red, 78.43% green and 81.96% blue. In the HSL color space #02c8d1 has a hue of 182.61 degrees, 98.1% saturation and 41.37% lightness. This color has an approximate wavelength of 505 nm.
#02c8d1 Color InformationInverted
#fd372e 25% Saturated
#00c9d3 Grayscale
#696969
25% Lighter
#0bf2fc Original
#02c8d1 25% Darker
#01959c
darkturquoise
#00ced1 25% Desaturated
#1bb0b7 Web Safe: aqua
#00ffff
rgb(2, 200, 209)
rgba(2, 200, 209, 1.0)
red: 0.7843%, yellow: 40.4706%, blue: 81.9608%
#02c8d1
182481
-16594735 / 0xff02c8d1
hsl(183, 98%, 41%)
hsla(183, 98%, 41%, 1.0)
hue: 183 (182.6087), saturation: 99 (99.0431), value: 82 (81.9608)
X: 32.1879, Y: 45.9249, Z: 67.4895
x: 0.2211, y: 0.3154, Y: 45.9249
L: 73.4968, a: -37.2469, b: -16.2205
L: 73.4968, u: -55.8248, v: -19.8622
L: 73.4968, C: 40.6256, H: 203.5324
L: 67.7679, a: -33.8112, b: -11.6089
cyan: 99 (0.9904), magenta: 4 (0.0431), yellow: 0 (0), key: 18 (0.1804)
cyan: 99 (0.9922), magenta: 22 (0.2157), yellow: 18 (0.1804)
Y: 141.824, I: -120.8431, Q: -39.0681
Y: 141.824, U: 33.0577, V: -122.6701
Y: 141.824, Db: 101.097, Dr: 265.887
Y: 137.796, Cb: 161.255, Cr: 40.439
Y: 158.474, Pb: 27.27, Pr: -99.414
7.5BG 7/8 approximate; exact match: Munsell 7.5BG 7/8 / #37c0c8
#02c8d1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c8d1 to White#02c8d1 to Black#02c8d1 foreground
<p style="color: #02c8d1; background-color: #000">#02c8d1 foreground</p>
#02c8d1 background
<p style="background-color: #02c8d1">#02c8d1 background</p>
#02c8d1 border
<p style="border: #02c8d1 3px solid">#02c8d1 border</p>
#02c8d1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c8d1, #fff); background: -webkit-radial-gradient(50% 50%, #02c8d1, #fff); background: -o-radial-gradient(50% 50%, #02c8d1, #fff); background: -ms-radial-gradient(50% 50%, #02c8d1, #fff); background: radial-gradient(50% 50%, #02c8d1, #fff)">#02c8d1 radial gradient</p>
#02c8d1 linear gradient to complementary #d10b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c8d1, #d10b01); background: -webkit-linear-gradient(top, #02c8d1, #d10b01); background: -o-linear-gradient(top, #02c8d1, #d10b01); background: -ms-linear-gradient(top, #02c8d1, #d10b01); background: linear-gradient(top, #02c8d1, #d10b01); color: #000">#02c8d1 linear gradient to complementary #d10b01</p>
#02c8d1 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c8d1">#02c8d1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c8d1 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 #02c8d1.
Jump to paint brand: