#02afe6
Hex Color CodeThe hexadecimal color code #02afe6
is a shade of cyan. In the RGB color model #02afe6
is comprised of 0.78% red, 68.63% green and 90.2% blue. In the HSL color space #02afe6
has a hue of 194.47 degrees, 98.28% saturation and 45.49% lightness. This color has an approximate wavelength of 498 nm.
#02afe6
Color InformationInverted
#fd5019 25% Saturated
#00b0e8 Grayscale
#747474
25% Lighter
#24c8fd Original
#02afe6 25% Darker
#0183ac
deepskyblue
#00bfff 25% Desaturated
#1ea0c9 Web Safe: teal
#008080
rgb(2, 175, 230)
rgba(2, 175, 230, 1.0)
red: 0.7843%, yellow: 39.3585%, blue: 90.1961%
#02afe6
176102
-16601114 / 0xff02afe6
hsl(194, 98%, 45%)
hsla(194, 98%, 45%, 1.0)
hue: 194 (194.4737), saturation: 99 (99.1304), value: 90 (90.1961)
X: 29.6379, Y: 36.386, Z: 80.324
x: 0.2025, y: 0.2486, Y: 36.386
L: 66.8138, a: -17.8988, b: -37.9315
L: 66.8138, u: -45.7108, v: -58.3831
L: 66.8138, C: 41.9424, H: 244.7388
L: 60.3208, a: -17.8576, b: -36.7268
cyan: 99 (0.9913), magenta: 24 (0.2391), yellow: 0 (0), key: 10 (0.098)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 10 (0.098)
Y: 129.543, I: -120.7283, Q: -19.4695
Y: 129.543, U: 49.4352, V: -111.8955
Y: 129.543, Db: 151.165, Dr: 242.544
Y: 127.254, Cb: 177.749, Cr: 48.148
Y: 142.111, Pb: 47.395, Pr: -89.03
7.5B 7/10 (approximate)
#02afe6
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02afe6
to White#02afe6
to Black#02afe6
foreground
<p style="color: #02afe6; background-color: #000">#02afe6 foreground</p>
#02afe6
background
<p style="background-color: #02afe6">#02afe6 background</p>
#02afe6
border
<p style="border: #02afe6 3px solid">#02afe6 border</p>
#02afe6
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02afe6, #fff); background: -webkit-radial-gradient(50% 50%, #02afe6, #fff); background: -o-radial-gradient(50% 50%, #02afe6, #fff); background: -ms-radial-gradient(50% 50%, #02afe6, #fff); background: radial-gradient(50% 50%, #02afe6, #fff)">#02afe6 radial gradient</p>
#02afe6
linear gradient to complementary #e63801
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02afe6, #e63801); background: -webkit-linear-gradient(top, #02afe6, #e63801); background: -o-linear-gradient(top, #02afe6, #e63801); background: -ms-linear-gradient(top, #02afe6, #e63801); background: linear-gradient(top, #02afe6, #e63801); color: #000">
#02afe6
linear gradient to complementary #e63801
</p>
#02afe6
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02afe6">#02afe6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02afe6
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 #02afe6
.
Jump to paint brand: