Color Charts
RGB
CMYK
RYB
#02a3dc Hex Color CodeThe hexadecimal color code #02a3dc is a shade of cyan. In the RGB color model #02a3dc is comprised of 0.78% red, 63.92% green and 86.27% blue. In the HSL color space #02a3dc has a hue of 195.69 degrees, 98.2% saturation and 43.53% lightness. This color has an approximate wavelength of 497 nm.
#02a3dc Color InformationInverted
#fd5c23 25% Saturated
#00a3de Grayscale
#6f6f6f
25% Lighter
#18c1fc Original
#02a3dc 25% Darker
#017aa5
deepskyblue
#00bfff 25% Desaturated
#1d95c0 Web Safe: teal
#008080
rgb(2, 163, 220)
rgba(2, 163, 220, 1.0)
red: 0.7843%, yellow: 37.1007%, blue: 86.2745%
#02a3dc
173020
-16604196 / 0xff02a3dc
hsl(196, 98%, 44%)
hsla(196, 98%, 44%, 1.0)
hue: 196 (195.6881), saturation: 99 (99.0909), value: 86 (86.2745)
X: 26.0405, Y: 31.3746, Z: 72.3936
x: 0.2006, y: 0.2417, Y: 31.3746
L: 62.8226, a: -15.0092, b: -38.6584
L: 62.8226, u: -42.4044, v: -59.4305
L: 62.8226, C: 41.4698, H: 248.7812
L: 56.013, a: -15.038, b: -37.4197
cyan: 99 (0.9909), magenta: 26 (0.2591), yellow: 0 (0), key: 14 (0.1373)
cyan: 99 (0.9922), magenta: 36 (0.3608), yellow: 14 (0.1373)
Y: 121.359, I: -114.2223, Q: -16.3097
Y: 121.359, U: 48.5416, V: -104.7156
Y: 121.359, Db: 148.431, Dr: 226.982
Y: 120.226, Cb: 176.851, Cr: 53.274
Y: 132.811, Pb: 47.015, Pr: -83.122
7.5B 6/10 (approximate)
#02a3dc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a3dc to White#02a3dc to Black#02a3dc foreground
<p style="color: #02a3dc">#02a3dc foreground</p>
#02a3dc background
<p style="background-color: #02a3dc; color: #fff">#02a3dc background</p>
#02a3dc border
<p style="border: #02a3dc 3px solid">#02a3dc border</p>
#02a3dc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a3dc, #fff); background: -webkit-radial-gradient(50% 50%, #02a3dc, #fff); background: -o-radial-gradient(50% 50%, #02a3dc, #fff); background: -ms-radial-gradient(50% 50%, #02a3dc, #fff); background: radial-gradient(50% 50%, #02a3dc, #fff); color: #fff">#02a3dc radial gradient</p>
#02a3dc linear gradient to complementary #dc3a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a3dc, #dc3a01); background: -webkit-linear-gradient(top, #02a3dc, #dc3a01); background: -o-linear-gradient(top, #02a3dc, #dc3a01); background: -ms-linear-gradient(top, #02a3dc, #dc3a01); background: linear-gradient(top, #02a3dc, #dc3a01); color: #fff">#02a3dc linear gradient to complementary #dc3a01</p>
#02a3dc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a3dc">#02a3dc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a3dc 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 #02a3dc.
Jump to paint brand: