Color Charts
RGB
CMYK
RYB
#02b2c4 Hex Color CodeThe hexadecimal color code #02b2c4 is a medium dark shade of cyan. In the RGB color model #02b2c4 is comprised of 0.78% red, 69.8% green and 76.86% blue. In the HSL color space #02b2c4 has a hue of 185.57 degrees, 97.98% saturation and 38.82% lightness. This color has an approximate wavelength of 503 nm.
#02b2c4 Color InformationInverted
#fd4d3b 25% Saturated
#00b3c6 Grayscale
#636363
25% Lighter
#02def5 Original
#02b2c4 25% Darker
#018593
lightseagreen
#20b2aa 25% Desaturated
#1a9eab Web Safe: teal
#008080
rgb(2, 178, 196)
rgba(2, 178, 196, 1.0)
red: 0.7843%, yellow: 36.973%, blue: 76.8627%
#02b2c4
176836
-16600380 / 0xff02b2c4
hsl(186, 98%, 39%)
hsla(186, 98%, 39%, 1.0)
hue: 186 (185.567), saturation: 99 (98.9796), value: 77 (76.8627)
X: 25.9092, Y: 35.8392, Z: 57.7767
x: 0.2168, y: 0.2998, Y: 35.8392
L: 66.3969, a: -30.9622, b: -19.854
L: 66.3969, u: -49.3614, v: -26.393
L: 66.3969, C: 36.781, H: 212.6694
L: 59.8659, a: -27.5126, b: -15.3148
cyan: 99 (0.9898), magenta: 9 (0.0918), yellow: 0 (0), key: 23 (0.2314)
cyan: 99 (0.9922), magenta: 30 (0.302), yellow: 23 (0.2314)
Y: 127.428, I: -110.6287, Q: -31.6158
Y: 127.428, U: 33.7447, V: -110.0402
Y: 127.428, Db: 103.194, Dr: 238.514
Y: 125.434, Cb: 161.95, Cr: 49.458
Y: 141.808, Pb: 29.24, Pr: -88.828
10BG 6/8 (approximate)
#02b2c4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b2c4 to White#02b2c4 to Black#02b2c4 foreground
<p style="color: #02b2c4; background-color: #000">#02b2c4 foreground</p>
#02b2c4 background
<p style="background-color: #02b2c4">#02b2c4 background</p>
#02b2c4 border
<p style="border: #02b2c4 3px solid">#02b2c4 border</p>
#02b2c4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b2c4, #fff); background: -webkit-radial-gradient(50% 50%, #02b2c4, #fff); background: -o-radial-gradient(50% 50%, #02b2c4, #fff); background: -ms-radial-gradient(50% 50%, #02b2c4, #fff); background: radial-gradient(50% 50%, #02b2c4, #fff)">#02b2c4 radial gradient</p>
#02b2c4 linear gradient to complementary #c41401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b2c4, #c41401); background: -webkit-linear-gradient(top, #02b2c4, #c41401); background: -o-linear-gradient(top, #02b2c4, #c41401); background: -ms-linear-gradient(top, #02b2c4, #c41401); background: linear-gradient(top, #02b2c4, #c41401); color: #000">#02b2c4 linear gradient to complementary #c41401</p>
#02b2c4 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b2c4">#02b2c4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b2c4 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 #02b2c4.
Jump to paint brand: