Color Charts
RGB
CMYK
RYB
#02a8b8 Hex Color CodeThe hexadecimal color code #02a8b8 is a medium dark shade of cyan. In the RGB color model #02a8b8 is comprised of 0.78% red, 65.88% green and 72.16% blue. In the HSL color space #02a8b8 has a hue of 185.27 degrees, 97.85% saturation and 36.47% lightness. This color has an approximate wavelength of 503 nm.
#02a8b8 Color InformationInverted
#fd5747 25% Saturated
#00a9ba Grayscale
#5d5d5d
25% Lighter
#02d1e6 Original
#02a8b8 25% Darker
#017d8a
cadetblue
#5f9ea0 25% Desaturated
#1895a1 Web Safe: teal
#008080
rgb(2, 168, 184)
rgba(2, 168, 184, 1.0)
red: 0.7843%, yellow: 34.8298%, blue: 72.1569%
#02a8b8
174264
-16602952 / 0xff02a8b8
hsl(185, 98%, 36%)
hsla(185, 98%, 36%, 1.0)
hue: 185 (185.2747), saturation: 99 (98.913), value: 72 (72.1569)
X: 22.6794, Y: 31.4789, Z: 50.2281
x: 0.2173, y: 0.3016, Y: 31.4789
L: 62.9098, a: -30.0052, b: -18.4831
L: 62.9098, u: -46.8709, v: -24.1
L: 62.9098, C: 35.2412, H: 211.633
L: 56.106, a: -26.0316, b: -13.8043
cyan: 99 (0.9891), magenta: 9 (0.087), yellow: 0 (0), key: 28 (0.2784)
cyan: 99 (0.9922), magenta: 34 (0.3412), yellow: 28 (0.2784)
Y: 120.19, I: -104.0291, Q: -30.1235
Y: 120.19, U: 31.4013, V: -103.6902
Y: 120.19, Db: 96.028, Dr: 224.75
Y: 119.218, Cb: 159.592, Cr: 53.99
Y: 133.794, Pb: 27.09, Pr: -83.736
10BG 6/8 (approximate)
#02a8b8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a8b8 to White#02a8b8 to Black#02a8b8 foreground
<p style="color: #02a8b8">#02a8b8 foreground</p>
#02a8b8 background
<p style="background-color: #02a8b8; color: #fff">#02a8b8 background</p>
#02a8b8 border
<p style="border: #02a8b8 3px solid">#02a8b8 border</p>
#02a8b8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a8b8, #fff); background: -webkit-radial-gradient(50% 50%, #02a8b8, #fff); background: -o-radial-gradient(50% 50%, #02a8b8, #fff); background: -ms-radial-gradient(50% 50%, #02a8b8, #fff); background: radial-gradient(50% 50%, #02a8b8, #fff); color: #fff">#02a8b8 radial gradient</p>
#02a8b8 linear gradient to complementary #b81101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a8b8, #b81101); background: -webkit-linear-gradient(top, #02a8b8, #b81101); background: -o-linear-gradient(top, #02a8b8, #b81101); background: -ms-linear-gradient(top, #02a8b8, #b81101); background: linear-gradient(top, #02a8b8, #b81101); color: #fff">#02a8b8 linear gradient to complementary #b81101</p>
#02a8b8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a8b8">#02a8b8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a8b8 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 #02a8b8.
Jump to paint brand: