Color Charts
RGB
CMYK
RYB
#02b0c9 Hex Color CodeThe hexadecimal color code #02b0c9 is a medium dark shade of cyan. In the RGB color model #02b0c9 is comprised of 0.78% red, 69.02% green and 78.82% blue. In the HSL color space #02b0c9 has a hue of 187.54 degrees, 98.03% saturation and 39.8% lightness. This color has an approximate wavelength of 502 nm.
#02b0c9 Color InformationInverted
#fd4f36 25% Saturated
#00b1cb Grayscale
#656565
25% Lighter
#02dbfb Original
#02b0c9 25% Darker
#018396
cadetblue
#5f9ea0 25% Desaturated
#1a9db0 Web Safe: teal
#008080
rgb(2, 176, 201)
rgba(2, 176, 201, 1.0)
red: 0.7843%, yellow: 37.1887%, blue: 78.8235%
#02b0c9
176329
-16600887 / 0xff02b0c9
hsl(188, 98%, 40%)
hsla(188, 98%, 40%, 1.0)
hue: 188 (187.5377), saturation: 99 (99.005), value: 79 (78.8235)
X: 26.093, Y: 35.2806, Z: 60.6929
x: 0.2138, y: 0.289, Y: 35.2806
L: 65.9666, a: -28.3427, b: -23.2756
L: 65.9666, u: -48.2773, v: -32.3506
L: 65.9666, C: 36.6751, H: 219.3935
L: 59.3975, a: -25.5316, b: -19.0049
cyan: 99 (0.99), magenta: 12 (0.1244), yellow: 0 (0), key: 21 (0.2118)
cyan: 99 (0.9922), magenta: 31 (0.3098), yellow: 21 (0.2118)
Y: 126.824, I: -111.6862, Q: -29.015
Y: 126.824, U: 36.5024, V: -109.5102
Y: 126.824, Db: 111.625, Dr: 237.367
Y: 124.916, Cb: 164.727, Cr: 49.839
Y: 140.738, Pb: 32.51, Pr: -88.15
10BG 6/8 (approximate)
#02b0c9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b0c9 to White#02b0c9 to Black#02b0c9 foreground
<p style="color: #02b0c9; background-color: #000">#02b0c9 foreground</p>
#02b0c9 background
<p style="background-color: #02b0c9">#02b0c9 background</p>
#02b0c9 border
<p style="border: #02b0c9 3px solid">#02b0c9 border</p>
#02b0c9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b0c9, #fff); background: -webkit-radial-gradient(50% 50%, #02b0c9, #fff); background: -o-radial-gradient(50% 50%, #02b0c9, #fff); background: -ms-radial-gradient(50% 50%, #02b0c9, #fff); background: radial-gradient(50% 50%, #02b0c9, #fff)">#02b0c9 radial gradient</p>
#02b0c9 linear gradient to complementary #c91a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b0c9, #c91a01); background: -webkit-linear-gradient(top, #02b0c9, #c91a01); background: -o-linear-gradient(top, #02b0c9, #c91a01); background: -ms-linear-gradient(top, #02b0c9, #c91a01); background: linear-gradient(top, #02b0c9, #c91a01); color: #000">#02b0c9 linear gradient to complementary #c91a01</p>
#02b0c9 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b0c9">#02b0c9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b0c9 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 #02b0c9.
Jump to paint brand: