Color Charts
RGB
CMYK
RYB
#02a0e7 Hex Color CodeThe hexadecimal color code #02a0e7 is a shade of cyan. In the RGB color model #02a0e7 is comprised of 0.78% red, 62.75% green and 90.59% blue. In the HSL color space #02a0e7 has a hue of 198.6 degrees, 98.28% saturation and 45.69% lightness. This color has an approximate wavelength of 495 nm.
#02a0e7 Color InformationInverted
#fd5f18 25% Saturated
#00a0e9 Grayscale
#747474
25% Lighter
#26bafd Original
#02a0e7 25% Darker
#0177ad
cornflowerblue
#6495ed 25% Desaturated
#1e95ca Web Safe: teal
#008080
rgb(2, 160, 231)
rgba(2, 160, 231, 1.0)
red: 0.7843%, yellow: 37.4484%, blue: 90.5882%
#02a0e7
172263
-16604953 / 0xff02a0e7
hsl(199, 98%, 46%)
hsla(199, 98%, 46%, 1.0)
hue: 199 (198.6026), saturation: 99 (99.1342), value: 91 (90.5882)
X: 27.0196, Y: 30.924, Z: 80.1462
x: 0.1957, y: 0.2239, Y: 30.924
L: 62.4435, a: -9.3547, b: -45.3332
L: 62.4435, u: -40.632, v: -71.2474
L: 62.4435, C: 46.2883, H: 258.3404
L: 55.6094, a: -10.5863, b: -46.5242
cyan: 99 (0.9913), magenta: 31 (0.3074), yellow: 0 (0), key: 9 (0.0941)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 9 (0.0941)
Y: 120.852, I: -116.9328, Q: -11.3195
Y: 120.852, U: 54.2041, V: -104.2707
Y: 120.852, Db: 165.743, Dr: 226.021
Y: 119.792, Cb: 182.553, Cr: 53.597
Y: 131.458, Pb: 53.67, Pr: -82.266
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#02a0e7 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a0e7 to White#02a0e7 to Black#02a0e7 foreground
<p style="color: #02a0e7">#02a0e7 foreground</p>
#02a0e7 background
<p style="background-color: #02a0e7; color: #fff">#02a0e7 background</p>
#02a0e7 border
<p style="border: #02a0e7 3px solid">#02a0e7 border</p>
#02a0e7 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0e7, #fff); background: -webkit-radial-gradient(50% 50%, #02a0e7, #fff); background: -o-radial-gradient(50% 50%, #02a0e7, #fff); background: -ms-radial-gradient(50% 50%, #02a0e7, #fff); background: radial-gradient(50% 50%, #02a0e7, #fff); color: #fff">#02a0e7 radial gradient</p>
#02a0e7 linear gradient to complementary #e74901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0e7, #e74901); background: -webkit-linear-gradient(top, #02a0e7, #e74901); background: -o-linear-gradient(top, #02a0e7, #e74901); background: -ms-linear-gradient(top, #02a0e7, #e74901); background: linear-gradient(top, #02a0e7, #e74901); color: #fff">#02a0e7 linear gradient to complementary #e74901</p>
#02a0e7 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0e7">#02a0e7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a0e7 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 #02a0e7.
Jump to paint brand: