#02e1f0
Hex Color CodeThe hexadecimal color code #02e1f0
is a shade of cyan. In the RGB color model #02e1f0
is comprised of 0.78% red, 88.24% green and 94.12% blue. In the HSL color space #02e1f0
has a hue of 183.78 degrees, 98.35% saturation and 47.45% lightness. This color has an approximate wavelength of 504 nm.
#02e1f0
Color InformationInverted
#fd1e0f 25% Saturated
#00e2f1 Grayscale
#787878
25% Lighter
#31f0fd Original
#02e1f0 25% Darker
#01a8b3
darkturquoise
#00ced1 25% Desaturated
#1fc6d2 Web Safe: aqua
#00ffff
rgb(2, 225, 240)
rgba(2, 225, 240, 1.0)
red: 0.7843%, yellow: 45.9325%, blue: 94.1176%
#02e1f0
188912
-16588304 / 0xff02e1f0
hsl(184, 98%, 47%)
hsla(184, 98%, 47%, 1.0)
hue: 184 (183.7815), saturation: 99 (99.1667), value: 94 (94.1176)
X: 42.6784, Y: 60.1546, Z: 91.7997
x: 0.2193, y: 0.3091, Y: 60.1546
L: 81.9222, a: -39.2006, b: -20.1086
L: 81.9222, u: -61.7225, v: -26.3233
L: 81.9222, C: 44.0573, H: 207.1563
L: 77.5594, a: -37.5062, b: -15.8844
cyan: 99 (0.9917), magenta: 6 (0.0625), yellow: 0 (0), key: 6 (0.0588)
cyan: 99 (0.9922), magenta: 12 (0.1176), yellow: 6 (0.0588)
Y: 160.033, I: -137.6636, Q: -42.4877
Y: 160.033, U: 39.3522, V: -138.6451
Y: 160.033, Db: 120.345, Dr: 300.514
Y: 153.434, Cb: 167.589, Cr: 29.038
Y: 178.581, Pb: 33.145, Pr: -112.19
10BG 8/10 (approximate)
#02e1f0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e1f0
to White#02e1f0
to Black#02e1f0
foreground
<p style="color: #02e1f0; background-color: #000">#02e1f0 foreground</p>
#02e1f0
background
<p style="background-color: #02e1f0">#02e1f0 background</p>
#02e1f0
border
<p style="border: #02e1f0 3px solid">#02e1f0 border</p>
#02e1f0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e1f0, #fff); background: -webkit-radial-gradient(50% 50%, #02e1f0, #fff); background: -o-radial-gradient(50% 50%, #02e1f0, #fff); background: -ms-radial-gradient(50% 50%, #02e1f0, #fff); background: radial-gradient(50% 50%, #02e1f0, #fff)">#02e1f0 radial gradient</p>
#02e1f0
linear gradient to complementary #ef1001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e1f0, #ef1001); background: -webkit-linear-gradient(top, #02e1f0, #ef1001); background: -o-linear-gradient(top, #02e1f0, #ef1001); background: -ms-linear-gradient(top, #02e1f0, #ef1001); background: linear-gradient(top, #02e1f0, #ef1001); color: #000">
#02e1f0
linear gradient to complementary #ef1001
</p>
#02e1f0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e1f0">#02e1f0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e1f0
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 #02e1f0
.
Jump to paint brand: