#02affc
Hex Color CodeThe hexadecimal color code #02affc
is a shade of cyan. In the RGB color model #02affc
is comprised of 0.78% red, 68.63% green and 98.82% blue. In the HSL color space #02affc
has a hue of 198.48 degrees, 98.43% saturation and 49.8% lightness. This color has an approximate wavelength of 495 nm.
#02affc
Color InformationInverted
#fd5003 25% Saturated
#00affe Grayscale
#7f7f7f
25% Lighter
#40c3fd Original
#02affc 25% Darker
#0183bd
deepskyblue
#00bfff 25% Desaturated
#21a2dc Web Safe: fuchsia
#ff00ff
rgb(2, 175, 252)
rgba(2, 175, 252, 1.0)
red: 0.7843%, yellow: 40.8807%, blue: 98.8235%
#02affc
176124
-16601092 / 0xff02affc
hsl(198, 98%, 50%)
hsla(198, 98%, 50%, 1.0)
hue: 198 (198.48), saturation: 99 (99.2063), value: 99 (98.8235)
X: 32.9257, Y: 37.7011, Z: 97.6371
x: 0.1957, y: 0.2241, Y: 37.7011
L: 67.7998, a: -10.0482, b: -48.3804
L: 67.7998, u: -44.1438, v: -77.2704
L: 67.7998, C: 49.4128, H: 258.267
L: 61.4012, a: -11.7336, b: -51.2991
cyan: 99 (0.9921), magenta: 31 (0.3056), yellow: 0 (0), key: 1 (0.0118)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 1 (0.0118)
Y: 132.051, I: -127.7961, Q: -12.6245
Y: 132.051, U: 59.0272, V: -114.0958
Y: 132.051, Db: 180.491, Dr: 247.318
Y: 129.41, Cb: 187.407, Cr: 46.586
Y: 143.695, Pb: 58.395, Pr: -90.042
10B 7/10 approximate; exact match: Munsell 10B 7/10 / #42b9fe
#02affc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02affc
to White#02affc
to Black#02affc
foreground
<p style="color: #02affc; background-color: #000">#02affc foreground</p>
#02affc
background
<p style="background-color: #02affc">#02affc background</p>
#02affc
border
<p style="border: #02affc 3px solid">#02affc border</p>
#02affc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02affc, #fff); background: -webkit-radial-gradient(50% 50%, #02affc, #fff); background: -o-radial-gradient(50% 50%, #02affc, #fff); background: -ms-radial-gradient(50% 50%, #02affc, #fff); background: radial-gradient(50% 50%, #02affc, #fff)">#02affc radial gradient</p>
#02affc
linear gradient to complementary #fc4f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02affc, #fc4f01); background: -webkit-linear-gradient(top, #02affc, #fc4f01); background: -o-linear-gradient(top, #02affc, #fc4f01); background: -ms-linear-gradient(top, #02affc, #fc4f01); background: linear-gradient(top, #02affc, #fc4f01); color: #000">
#02affc
linear gradient to complementary #fc4f01
</p>
#02affc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02affc">#02affc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02affc
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 #02affc
.
Jump to paint brand: