Color Charts
RGB
CMYK
RYB
#02a0b5 Hex Color CodeThe hexadecimal color code #02a0b5 is a medium dark shade of cyan. In the RGB color model #02a0b5 is comprised of 0.78% red, 62.75% green and 70.98% blue. In the HSL color space #02a0b5 has a hue of 187.04 degrees, 97.81% saturation and 35.88% lightness. This color has an approximate wavelength of 502 nm.
#02a0b5 Color InformationInverted
#fd5f4a 25% Saturated
#00a1b7 Grayscale
#5b5b5b
25% Lighter
#02c7e2 Original
#02a0b5 25% Darker
#017787
cadetblue
#5f9ea0 25% Desaturated
#188e9e Web Safe: teal
#008080
rgb(2, 160, 181)
rgba(2, 160, 181, 1.0)
red: 0.7843%, yellow: 33.6952%, blue: 70.9804%
#02a0b5
172213
-16605003 / 0xff02a0b5
hsl(187, 98%, 36%)
hsla(187, 98%, 36%, 1.0)
hue: 187 (187.0391), saturation: 99 (98.895), value: 71 (70.9804)
X: 20.9363, Y: 28.4907, Z: 48.1119
x: 0.2146, y: 0.2921, Y: 28.4907
L: 60.3295, a: -27.0409, b: -20.7304
L: 60.3295, u: -44.3349, v: -27.9698
L: 60.3295, C: 34.0729, H: 217.4749
L: 53.3767, a: -23.3949, b: -16.0782
cyan: 99 (0.989), magenta: 12 (0.116), yellow: 0 (0), key: 29 (0.2902)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 29 (0.2902)
Y: 115.152, I: -100.8697, Q: -26.8762
Y: 115.152, U: 32.4041, V: -99.2702
Y: 115.152, Db: 99.093, Dr: 215.171
Y: 114.892, Cb: 160.603, Cr: 57.147
Y: 127.858, Pb: 28.67, Pr: -79.966
10BG 6/8 (approximate)
#02a0b5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a0b5 to White#02a0b5 to Black#02a0b5 foreground
<p style="color: #02a0b5">#02a0b5 foreground</p>
#02a0b5 background
<p style="background-color: #02a0b5; color: #fff">#02a0b5 background</p>
#02a0b5 border
<p style="border: #02a0b5 3px solid">#02a0b5 border</p>
#02a0b5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0b5, #fff); background: -webkit-radial-gradient(50% 50%, #02a0b5, #fff); background: -o-radial-gradient(50% 50%, #02a0b5, #fff); background: -ms-radial-gradient(50% 50%, #02a0b5, #fff); background: radial-gradient(50% 50%, #02a0b5, #fff); color: #fff">#02a0b5 radial gradient</p>
#02a0b5 linear gradient to complementary #b51701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0b5, #b51701); background: -webkit-linear-gradient(top, #02a0b5, #b51701); background: -o-linear-gradient(top, #02a0b5, #b51701); background: -ms-linear-gradient(top, #02a0b5, #b51701); background: linear-gradient(top, #02a0b5, #b51701); color: #fff">#02a0b5 linear gradient to complementary #b51701</p>
#02a0b5 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0b5">#02a0b5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a0b5 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 #02a0b5.
Jump to paint brand: