#02a9af
Hex Color CodeThe hexadecimal color code #02a9af
is a medium dark shade of cyan. In the RGB color model #02a9af
is comprised of 0.78% red, 66.27% green and 68.63% blue. In the HSL color space #02a9af
has a hue of 182.08 degrees, 97.74% saturation and 34.71% lightness. This color has an approximate wavelength of 505 nm.
#02a9af
Color InformationInverted
#fd5650 25% Saturated
#00aab1 Grayscale
#585858
25% Lighter
#02d3da Original
#02a9af 25% Darker
#017e83
lightseagreen
#20b2aa 25% Desaturated
#179499 Web Safe: teal
#008080
rgb(2, 169, 175)
rgba(2, 169, 175, 1.0)
red: 0.7843%, yellow: 34.1073%, blue: 68.6275%
#02a9af
174511
-16602705 / 0xff02a9af
hsl(182, 98%, 35%)
hsla(182, 98%, 35%, 1.0)
hue: 182 (182.0809), saturation: 99 (98.8571), value: 69 (68.6275)
X: 21.9509, Y: 31.484, Z: 45.4775
x: 0.2219, y: 0.3183, Y: 31.484
L: 62.9141, a: -33.3806, b: -13.4416
L: 62.9141, u: -47.9373, v: -15.5593
L: 62.9141, C: 35.9853, H: 201.9335
L: 56.1106, a: -28.3631, b: -8.777
cyan: 99 (0.9886), magenta: 3 (0.0343), yellow: 0 (0), key: 31 (0.3137)
cyan: 99 (0.9922), magenta: 34 (0.3373), yellow: 31 (0.3137)
Y: 119.751, I: -101.4121, Q: -33.4463
Y: 119.751, U: 27.1884, V: -103.3051
Y: 119.751, Db: 83.148, Dr: 223.913
Y: 118.84, Cb: 155.35, Cr: 54.261
Y: 133.861, Pb: 22.205, Pr: -83.776
7.5BG 6/8 (approximate)
#02a9af
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a9af
to White#02a9af
to Black#02a9af
foreground
<p style="color: #02a9af">#02a9af foreground</p>
#02a9af
background
<p style="background-color: #02a9af; color: #fff">#02a9af background</p>
#02a9af
border
<p style="border: #02a9af 3px solid">#02a9af border</p>
#02a9af
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a9af, #fff); background: -webkit-radial-gradient(50% 50%, #02a9af, #fff); background: -o-radial-gradient(50% 50%, #02a9af, #fff); background: -ms-radial-gradient(50% 50%, #02a9af, #fff); background: radial-gradient(50% 50%, #02a9af, #fff); color: #fff">#02a9af radial gradient</p>
#02a9af
linear gradient to complementary #af0701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a9af, #af0701); background: -webkit-linear-gradient(top, #02a9af, #af0701); background: -o-linear-gradient(top, #02a9af, #af0701); background: -ms-linear-gradient(top, #02a9af, #af0701); background: linear-gradient(top, #02a9af, #af0701); color: #fff">
#02a9af
linear gradient to complementary #af0701
</p>
#02a9af
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a9af">#02a9af text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a9af
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 #02a9af
.
Jump to paint brand: