#02daf1
Hex Color CodeThe hexadecimal color code #02daf1
is a shade of cyan. In the RGB color model #02daf1
is comprised of 0.78% red, 85.49% green and 94.51% blue. In the HSL color space #02daf1
has a hue of 185.77 degrees, 98.35% saturation and 47.65% lightness. This color has an approximate wavelength of 503 nm.
#02daf1
Color InformationInverted
#fd250e 25% Saturated
#00dbf2 Grayscale
#797979
25% Lighter
#32e9fd Original
#02daf1 25% Darker
#01a3b4
darkturquoise
#00ced1 25% Desaturated
#1fc1d3 Web Safe: aqua
#00ffff
rgb(2, 218, 241)
rgba(2, 218, 241, 1.0)
red: 0.7843%, yellow: 45.2782%, blue: 94.5098%
#02daf1
187121
-16590095 / 0xff02daf1
hsl(186, 98%, 48%)
hsla(186, 98%, 48%, 1.0)
hue: 186 (185.7741), saturation: 99 (99.1701), value: 95 (94.5098)
X: 40.9736, Y: 56.5066, Z: 91.9664
x: 0.2163, y: 0.2983, Y: 56.5066
L: 79.9013, a: -35.6574, b: -23.7072
L: 79.9013, u: -59.3045, v: -32.8304
L: 79.9013, C: 42.8192, H: 213.6184
L: 75.1709, a: -34.2534, b: -19.9177
cyan: 99 (0.9917), magenta: 10 (0.0954), yellow: 0 (0), key: 5 (0.0549)
cyan: 99 (0.9922), magenta: 15 (0.1451), yellow: 5 (0.0549)
Y: 156.038, I: -136.0637, Q: -38.5184
Y: 156.038, U: 41.8103, V: -135.1402
Y: 156.038, Db: 127.859, Dr: 292.919
Y: 150.004, Cb: 170.065, Cr: 31.543
Y: 173.648, Pb: 36.34, Pr: -109.058
10BG 8/10 (approximate)
#02daf1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02daf1
to White#02daf1
to Black#02daf1
foreground
<p style="color: #02daf1; background-color: #000">#02daf1 foreground</p>
#02daf1
background
<p style="background-color: #02daf1">#02daf1 background</p>
#02daf1
border
<p style="border: #02daf1 3px solid">#02daf1 border</p>
#02daf1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02daf1, #fff); background: -webkit-radial-gradient(50% 50%, #02daf1, #fff); background: -o-radial-gradient(50% 50%, #02daf1, #fff); background: -ms-radial-gradient(50% 50%, #02daf1, #fff); background: radial-gradient(50% 50%, #02daf1, #fff)">#02daf1 radial gradient</p>
#02daf1
linear gradient to complementary #f01901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02daf1, #f01901); background: -webkit-linear-gradient(top, #02daf1, #f01901); background: -o-linear-gradient(top, #02daf1, #f01901); background: -ms-linear-gradient(top, #02daf1, #f01901); background: linear-gradient(top, #02daf1, #f01901); color: #000">
#02daf1
linear gradient to complementary #f01901
</p>
#02daf1
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02daf1">#02daf1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02daf1
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 #02daf1
.
Jump to paint brand: