#02f4d4
Hex Color CodeThe hexadecimal color code #02f4d4
is a shade of cyan. In the RGB color model #02f4d4
is comprised of 0.78% red, 95.69% green and 83.14% blue. In the HSL color space #02f4d4
has a hue of 172.07 degrees, 98.37% saturation and 48.24% lightness. This color has an approximate wavelength of 512 nm.
#02f4d4
Color InformationInverted
#fd0b2b 25% Saturated
#00f6d5 Grayscale
#7b7b7b
25% Lighter
#36fde3 Original
#02f4d4 25% Darker
#01b69f
turquoise
#40e0d0 25% Desaturated
#20d5bd Web Safe: aqua
#00ffff
rgb(2, 244, 212)
rgba(2, 244, 212, 1.0)
red: 0.7843%, yellow: 51.5947%, blue: 95.6863%
#02f4d4
193748
-16583468 / 0xff02f4d4
hsl(172, 98%, 48%)
hsla(172, 98%, 48%, 1.0)
hue: 172 (172.0661), saturation: 99 (99.1803), value: 96 (95.6863)
X: 44.2594, Y: 69.4677, Z: 73.3633
x: 0.2366, y: 0.3713, Y: 69.4677
L: 86.7351, a: -55.2758, b: 1.7942
L: 86.7351, u: -70.2701, v: 11.5584
L: 86.7351, C: 55.3049, H: 178.1409
L: 83.3473, a: -51.0701, b: 6.1554
cyan: 99 (0.9918), magenta: 0 (0), yellow: 13 (0.1311), key: 4 (0.0431)
cyan: 99 (0.9922), magenta: 4 (0.0431), yellow: 17 (0.1686)
Y: 167.994, I: -133.8829, Q: -61.1287
Y: 167.994, U: 21.6559, V: -145.6297
Y: 167.994, Db: 66.244, Dr: 315.642
Y: 160.266, Cb: 149.768, Cr: 24.034
Y: 190.15, Pb: 11.83, Pr: -119.528
10G 9/10 (approximate)
#02f4d4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f4d4
to White#02f4d4
to Black#02f4d4
foreground
<p style="color: #02f4d4; background-color: #000">#02f4d4 foreground</p>
#02f4d4
background
<p style="background-color: #02f4d4">#02f4d4 background</p>
#02f4d4
border
<p style="border: #02f4d4 3px solid">#02f4d4 border</p>
#02f4d4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f4d4, #fff); background: -webkit-radial-gradient(50% 50%, #02f4d4, #fff); background: -o-radial-gradient(50% 50%, #02f4d4, #fff); background: -ms-radial-gradient(50% 50%, #02f4d4, #fff); background: radial-gradient(50% 50%, #02f4d4, #fff)">#02f4d4 radial gradient</p>
#02f4d4
linear gradient to complementary #f40121
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f4d4, #f40121); background: -webkit-linear-gradient(top, #02f4d4, #f40121); background: -o-linear-gradient(top, #02f4d4, #f40121); background: -ms-linear-gradient(top, #02f4d4, #f40121); background: linear-gradient(top, #02f4d4, #f40121); color: #000">
#02f4d4
linear gradient to complementary #f40121
</p>
#02f4d4
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f4d4">#02f4d4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f4d4
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 #02f4d4
.
Jump to paint brand: