#02c5fe
Hex Color CodeThe hexadecimal color code #02c5fe
is a shade of cyan. In the RGB color model #02c5fe
is comprised of 0.78% red, 77.25% green and 99.61% blue. In the HSL color space #02c5fe
has a hue of 193.57 degrees, 99.21% saturation and 50.2% lightness. This color has an approximate wavelength of 498 nm.
#02c5fe
Color InformationInverted
#fd3a01 25% Saturated
#00c5ff Grayscale
#808080
25% Lighter
#41d3fe Original
#02c5fe 25% Darker
#0094bf
deepskyblue
#00bfff 25% Desaturated
#21b3de Web Safe: aqua
#00ffff
rgb(2, 197, 254)
rgba(2, 197, 254, 1.0)
red: 0.7843%, yellow: 43.8952%, blue: 99.6078%
#02c5fe
181758
-16595458 / 0xff02c5fe
hsl(194, 99%, 50%)
hsla(194, 99%, 50%, 1.0)
hue: 194 (193.5714), saturation: 99 (99.2126), value: 100 (99.6078)
X: 37.8807, Y: 47.1012, Z: 100.8608
x: 0.2038, y: 0.2534, Y: 47.1012
L: 74.2544, a: -21.0713, b: -39.3513
L: 74.2544, u: -51.2736, v: -61.2466
L: 74.2544, C: 44.6377, H: 241.8325
L: 68.6303, a: -21.5794, b: -39.0929
cyan: 99 (0.9921), magenta: 22 (0.2244), yellow: 0 (0), key: 0 (0.0039)
cyan: 99 (0.9922), magenta: 23 (0.2275), yellow: 0 (0.0039)
Y: 145.193, I: -134.4766, Q: -23.4992
Y: 145.193, U: 53.5443, V: -125.6256
Y: 145.193, Db: 163.731, Dr: 272.304
Y: 140.694, Cb: 181.883, Cr: 38.348
Y: 159.569, Pb: 50.925, Pr: -100.122
7.5B 7/10 (approximate)
#02c5fe
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c5fe
to White#02c5fe
to Black#02c5fe
foreground
<p style="color: #02c5fe; background-color: #000">#02c5fe foreground</p>
#02c5fe
background
<p style="background-color: #02c5fe">#02c5fe background</p>
#02c5fe
border
<p style="border: #02c5fe 3px solid">#02c5fe border</p>
#02c5fe
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c5fe, #fff); background: -webkit-radial-gradient(50% 50%, #02c5fe, #fff); background: -o-radial-gradient(50% 50%, #02c5fe, #fff); background: -ms-radial-gradient(50% 50%, #02c5fe, #fff); background: radial-gradient(50% 50%, #02c5fe, #fff)">#02c5fe radial gradient</p>
#02c5fe
linear gradient to complementary #fe3a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c5fe, #fe3a01); background: -webkit-linear-gradient(top, #02c5fe, #fe3a01); background: -o-linear-gradient(top, #02c5fe, #fe3a01); background: -ms-linear-gradient(top, #02c5fe, #fe3a01); background: linear-gradient(top, #02c5fe, #fe3a01); color: #000">
#02c5fe
linear gradient to complementary #fe3a01
</p>
#02c5fe
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c5fe">#02c5fe text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c5fe
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 #02c5fe
.
Jump to paint brand: