Color Charts
RGB
CMYK
RYB
#02a5ea Hex Color CodeThe hexadecimal color code #02a5ea is a shade of cyan. In the RGB color model #02a5ea is comprised of 0.78% red, 64.71% green and 91.76% blue. In the HSL color space #02a5ea has a hue of 197.84 degrees, 98.31% saturation and 46.27% lightness. This color has an approximate wavelength of 495 nm.
#02a5ea Color InformationInverted
#fd5a15 25% Saturated
#00a5eb Grayscale
#757575
25% Lighter
#29befd Original
#02a5ea 25% Darker
#017baf
deepskyblue
#00bfff 25% Desaturated
#1f99cc Web Safe: teal
#008080
rgb(2, 165, 234)
rgba(2, 165, 234, 1.0)
red: 0.7843%, yellow: 38.3281%, blue: 91.7647%
#02a5ea
173546
-16603670 / 0xff02a5ea
hsl(198, 98%, 46%)
hsla(198, 98%, 46%, 1.0)
hue: 198 (197.8448), saturation: 99 (99.1453), value: 92 (91.7647)
X: 28.3315, Y: 32.8637, Z: 82.692
x: 0.1969, y: 0.2284, Y: 32.8637
L: 64.0504, a: -11.0445, b: -44.4548
L: 64.0504, u: -42.0837, v: -69.8574
L: 64.0504, C: 45.8062, H: 256.0477
L: 57.3269, a: -12.1057, b: -45.395
cyan: 99 (0.9915), magenta: 29 (0.2949), yellow: 0 (0), key: 8 (0.0824)
cyan: 99 (0.9922), magenta: 35 (0.3529), yellow: 8 (0.0824)
Y: 124.129, I: -119.2689, Q: -12.999
Y: 124.129, U: 54.0678, V: -107.1457
Y: 124.129, Db: 165.327, Dr: 232.252
Y: 122.606, Cb: 182.415, Cr: 51.544
Y: 135.249, Pb: 53.245, Pr: -84.674
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#02a5ea / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a5ea to White#02a5ea to Black#02a5ea foreground
<p style="color: #02a5ea">#02a5ea foreground</p>
#02a5ea background
<p style="background-color: #02a5ea; color: #fff">#02a5ea background</p>
#02a5ea border
<p style="border: #02a5ea 3px solid">#02a5ea border</p>
#02a5ea radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a5ea, #fff); background: -webkit-radial-gradient(50% 50%, #02a5ea, #fff); background: -o-radial-gradient(50% 50%, #02a5ea, #fff); background: -ms-radial-gradient(50% 50%, #02a5ea, #fff); background: radial-gradient(50% 50%, #02a5ea, #fff); color: #fff">#02a5ea radial gradient</p>
#02a5ea linear gradient to complementary #ea4701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a5ea, #ea4701); background: -webkit-linear-gradient(top, #02a5ea, #ea4701); background: -o-linear-gradient(top, #02a5ea, #ea4701); background: -ms-linear-gradient(top, #02a5ea, #ea4701); background: linear-gradient(top, #02a5ea, #ea4701); color: #fff">#02a5ea linear gradient to complementary #ea4701</p>
#02a5ea text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a5ea">#02a5ea text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a5ea 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 #02a5ea.
Jump to paint brand: