#02aff1
Hex Color CodeThe hexadecimal color code #02aff1
is a shade of cyan. In the RGB color model #02aff1
is comprised of 0.78% red, 68.63% green and 94.51% blue. In the HSL color space #02aff1
has a hue of 196.57 degrees, 98.35% saturation and 47.65% lightness. This color has an approximate wavelength of 496 nm.
#02aff1
Color InformationInverted
#fd500e 25% Saturated
#00aff2 Grayscale
#797979
25% Lighter
#32c5fd Original
#02aff1 25% Darker
#0183b4
deepskyblue
#00bfff 25% Desaturated
#1fa1d3 Web Safe: teal
#008080
rgb(2, 175, 241)
rgba(2, 175, 241, 1.0)
red: 0.7843%, yellow: 40.1399%, blue: 94.5098%
#02aff1
176113
-16601103 / 0xff02aff1
hsl(197, 98%, 48%)
hsla(197, 98%, 48%, 1.0)
hue: 197 (196.569), saturation: 99 (99.1701), value: 95 (94.5098)
X: 31.2322, Y: 37.0237, Z: 88.7193
x: 0.199, y: 0.2359, Y: 37.0237
L: 67.2948, a: -13.9985, b: -43.1907
L: 67.2948, u: -44.9122, v: -67.8719
L: 67.2948, C: 45.4026, H: 252.042
L: 60.8471, a: -14.8603, b: -43.8559
cyan: 99 (0.9917), magenta: 27 (0.2739), yellow: 0 (0), key: 5 (0.0549)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 5 (0.0549)
Y: 130.797, I: -124.2622, Q: -16.047
Y: 130.797, U: 54.2312, V: -112.9957
Y: 130.797, Db: 165.828, Dr: 244.931
Y: 128.332, Cb: 182.578, Cr: 47.367
Y: 142.903, Pb: 52.895, Pr: -89.536
10B 7/10 approximate; exact match: Munsell 10B 7/10 / #42b9fe
#02aff1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aff1
to White#02aff1
to Black#02aff1
foreground
<p style="color: #02aff1; background-color: #000">#02aff1 foreground</p>
#02aff1
background
<p style="background-color: #02aff1">#02aff1 background</p>
#02aff1
border
<p style="border: #02aff1 3px solid">#02aff1 border</p>
#02aff1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aff1, #fff); background: -webkit-radial-gradient(50% 50%, #02aff1, #fff); background: -o-radial-gradient(50% 50%, #02aff1, #fff); background: -ms-radial-gradient(50% 50%, #02aff1, #fff); background: radial-gradient(50% 50%, #02aff1, #fff)">#02aff1 radial gradient</p>
#02aff1
linear gradient to complementary #f04401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aff1, #f04401); background: -webkit-linear-gradient(top, #02aff1, #f04401); background: -o-linear-gradient(top, #02aff1, #f04401); background: -ms-linear-gradient(top, #02aff1, #f04401); background: linear-gradient(top, #02aff1, #f04401); color: #000">
#02aff1
linear gradient to complementary #f04401
</p>
#02aff1
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aff1">#02aff1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aff1
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 #02aff1
.
Jump to paint brand: