#02c6ef
Hex Color CodeThe hexadecimal color code #02c6ef
is a shade of cyan. In the RGB color model #02c6ef
is comprised of 0.78% red, 77.65% green and 93.73% blue. In the HSL color space #02c6ef
has a hue of 190.38 degrees, 98.34% saturation and 47.25% lightness. This color has an approximate wavelength of 500 nm.
#02c6ef
Color InformationInverted
#fd3910 25% Saturated
#00c7f0 Grayscale
#787878
25% Lighter
#2fd9fd Original
#02c6ef 25% Darker
#0194b3
deepskyblue
#00bfff 25% Desaturated
#1fb2d1 Web Safe: aqua
#00ffff
rgb(2, 198, 239)
rgba(2, 198, 239, 1.0)
red: 0.7843%, yellow: 42.8547%, blue: 93.7255%
#02c6ef
181999
-16595217 / 0xff02c6ef
hsl(190, 98%, 47%)
hsla(190, 98%, 47%, 1.0)
hue: 190 (190.3797), saturation: 99 (99.1632), value: 94 (93.7255)
X: 35.7991, Y: 46.6331, Z: 88.7756
x: 0.2091, y: 0.2724, Y: 46.6331
L: 73.9544, a: -26.6454, b: -31.7481
L: 73.9544, u: -52.7575, v: -47.415
L: 73.9544, C: 41.4478, H: 229.9941
L: 68.2884, a: -25.9289, b: -29.2757
cyan: 99 (0.9916), magenta: 17 (0.1715), yellow: 0 (0), key: 6 (0.0627)
cyan: 99 (0.9922), magenta: 22 (0.2235), yellow: 6 (0.0627)
Y: 144.07, I: -129.9321, Q: -28.6888
Y: 144.07, U: 46.7155, V: -124.6404
Y: 144.07, Db: 142.853, Dr: 270.165
Y: 139.728, Cb: 175.007, Cr: 39.045
Y: 159.204, Pb: 43.04, Pr: -99.886
5B 7/10 (approximate)
#02c6ef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c6ef
to White#02c6ef
to Black#02c6ef
foreground
<p style="color: #02c6ef; background-color: #000">#02c6ef foreground</p>
#02c6ef
background
<p style="background-color: #02c6ef">#02c6ef background</p>
#02c6ef
border
<p style="border: #02c6ef 3px solid">#02c6ef border</p>
#02c6ef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c6ef, #fff); background: -webkit-radial-gradient(50% 50%, #02c6ef, #fff); background: -o-radial-gradient(50% 50%, #02c6ef, #fff); background: -ms-radial-gradient(50% 50%, #02c6ef, #fff); background: radial-gradient(50% 50%, #02c6ef, #fff)">#02c6ef radial gradient</p>
#02c6ef
linear gradient to complementary #ee2a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c6ef, #ee2a01); background: -webkit-linear-gradient(top, #02c6ef, #ee2a01); background: -o-linear-gradient(top, #02c6ef, #ee2a01); background: -ms-linear-gradient(top, #02c6ef, #ee2a01); background: linear-gradient(top, #02c6ef, #ee2a01); color: #000">
#02c6ef
linear gradient to complementary #ee2a01
</p>
#02c6ef
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c6ef">#02c6ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c6ef
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 #02c6ef
.
Jump to paint brand: