#02c6e2
Hex Color CodeThe hexadecimal color code #02c6e2
is a shade of cyan. In the RGB color model #02c6e2
is comprised of 0.78% red, 77.65% green and 88.63% blue. In the HSL color space #02c6e2
has a hue of 187.5 degrees, 98.25% saturation and 44.71% lightness. This color has an approximate wavelength of 502 nm.
#02c6e2
Color InformationInverted
#fd391d 25% Saturated
#00c7e3 Grayscale
#717171
25% Lighter
#1fe1fd Original
#02c6e2 25% Darker
#0194a9
darkturquoise
#00ced1 25% Desaturated
#1db0c6 Web Safe: aqua
#00ffff
rgb(2, 198, 226)
rgba(2, 198, 226, 1.0)
red: 0.7843%, yellow: 41.7778%, blue: 88.6275%
#02c6e2
181986
-16595230 / 0xff02c6e2
hsl(188, 98%, 45%)
hsla(188, 98%, 45%, 1.0)
hue: 188 (187.5), saturation: 99 (99.115), value: 89 (88.6275)
X: 33.9466, Y: 45.8921, Z: 79.0204
x: 0.2137, y: 0.2889, Y: 45.8921
L: 73.4754, a: -30.9199, b: -25.463
L: 73.4754, u: -53.782, v: -36.1288
L: 73.4754, C: 40.055, H: 219.472
L: 67.7437, a: -29.1045, b: -21.7389
cyan: 99 (0.9912), magenta: 12 (0.1239), yellow: 0 (0), key: 11 (0.1137)
cyan: 99 (0.9922), magenta: 22 (0.2235), yellow: 11 (0.1137)
Y: 142.588, I: -125.7557, Q: -32.7336
Y: 142.588, U: 41.0475, V: -123.3403
Y: 142.588, Db: 125.524, Dr: 267.344
Y: 138.454, Cb: 169.3, Cr: 39.968
Y: 158.268, Pb: 36.54, Pr: -99.288
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#02c6e2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c6e2
to White#02c6e2
to Black#02c6e2
foreground
<p style="color: #02c6e2; background-color: #000">#02c6e2 foreground</p>
#02c6e2
background
<p style="background-color: #02c6e2">#02c6e2 background</p>
#02c6e2
border
<p style="border: #02c6e2 3px solid">#02c6e2 border</p>
#02c6e2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c6e2, #fff); background: -webkit-radial-gradient(50% 50%, #02c6e2, #fff); background: -o-radial-gradient(50% 50%, #02c6e2, #fff); background: -ms-radial-gradient(50% 50%, #02c6e2, #fff); background: radial-gradient(50% 50%, #02c6e2, #fff)">#02c6e2 radial gradient</p>
#02c6e2
linear gradient to complementary #e21d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c6e2, #e21d01); background: -webkit-linear-gradient(top, #02c6e2, #e21d01); background: -o-linear-gradient(top, #02c6e2, #e21d01); background: -ms-linear-gradient(top, #02c6e2, #e21d01); background: linear-gradient(top, #02c6e2, #e21d01); color: #000">
#02c6e2
linear gradient to complementary #e21d01
</p>
#02c6e2
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c6e2">#02c6e2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c6e2
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 #02c6e2
.
Jump to paint brand: