#02d5fc
Hex Color CodeThe hexadecimal color code #02d5fc
is a shade of cyan. In the RGB color model #02d5fc
is comprised of 0.78% red, 83.53% green and 98.82% blue. In the HSL color space #02d5fc
has a hue of 189.36 degrees, 98.43% saturation and 49.8% lightness. This color has an approximate wavelength of 501 nm.
#02d5fc
Color InformationInverted
#fd2a03 25% Saturated
#00d6fe Grayscale
#7f7f7f
rgb(2, 213, 252)
rgba(2, 213, 252, 1.0)
red: 0.7843%, yellow: 45.6569%, blue: 98.8235%
#02d5fc
185852
-16591364 / 0xff02d5fc
hsl(189, 98%, 50%)
hsla(189, 98%, 50%, 1.0)
hue: 189 (189.36), saturation: 99 (99.2063), value: 99 (98.8235)
X: 41.39, Y: 54.6297, Z: 100.4586
x: 0.2107, y: 0.278, Y: 54.6297
L: 78.8275, a: -29.7539, b: -31.2072
L: 78.8275, u: -56.7585, v: -46.4129
L: 78.8275, C: 43.1183, H: 226.3656
L: 73.9119, a: -29.3875, b: -28.8467
cyan: 99 (0.9921), magenta: 15 (0.1548), yellow: 0 (0), key: 1 (0.0118)
cyan: 99 (0.9922), magenta: 16 (0.1647), yellow: 1 (0.0118)
Y: 154.357, I: -138.2253, Q: -32.483
Y: 154.357, U: 48.0506, V: -133.6654
Y: 154.357, Db: 146.937, Dr: 289.726
Y: 148.562, Cb: 176.349, Cr: 32.602
Y: 170.865, Pb: 43.765, Pr: -107.294
2.5B 8/10 (approximate)
#02d5fc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d5fc
to White#02d5fc
to Black#02d5fc
foreground
<p style="color: #02d5fc; background-color: #000">#02d5fc foreground</p>
#02d5fc
background
<p style="background-color: #02d5fc">#02d5fc background</p>
#02d5fc
border
<p style="border: #02d5fc 3px solid">#02d5fc border</p>
#02d5fc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d5fc, #fff); background: -webkit-radial-gradient(50% 50%, #02d5fc, #fff); background: -o-radial-gradient(50% 50%, #02d5fc, #fff); background: -ms-radial-gradient(50% 50%, #02d5fc, #fff); background: radial-gradient(50% 50%, #02d5fc, #fff)">#02d5fc radial gradient</p>
#02d5fc
linear gradient to complementary #fc2901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d5fc, #fc2901); background: -webkit-linear-gradient(top, #02d5fc, #fc2901); background: -o-linear-gradient(top, #02d5fc, #fc2901); background: -ms-linear-gradient(top, #02d5fc, #fc2901); background: linear-gradient(top, #02d5fc, #fc2901); color: #000">
#02d5fc
linear gradient to complementary #fc2901
</p>
#02d5fc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d5fc">#02d5fc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d5fc
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 #02d5fc
.
Jump to paint brand: