#02d5de
Hex Color CodeThe hexadecimal color code #02d5de
is a shade of cyan. In the RGB color model #02d5de
is comprised of 0.78% red, 83.53% green and 87.06% blue. In the HSL color space #02d5de
has a hue of 182.45 degrees, 98.21% saturation and 43.92% lightness. This color has an approximate wavelength of 505 nm.
#02d5de
Color InformationInverted
#fd2a21 25% Saturated
#00d6e0 Grayscale
#707070
25% Lighter
#1bf3fc Original
#02d5de 25% Darker
#019fa6
darkturquoise
#00ced1 25% Desaturated
#1dbbc2 Web Safe: aqua
#00ffff
rgb(2, 213, 222)
rgba(2, 213, 222, 1.0)
red: 0.7843%, yellow: 43.0208%, blue: 87.0588%
#02d5de
185822
-16591394 / 0xff02d5de
hsl(182, 98%, 44%)
hsla(182, 98%, 44%, 1.0)
hue: 182 (182.4545), saturation: 99 (99.0991), value: 87 (87.0588)
X: 37.0041, Y: 52.8753, Z: 77.3629
x: 0.2213, y: 0.3162, Y: 52.8753
L: 77.8013, a: -39.22, b: -16.739
L: 77.8013, u: -59.1618, v: -20.5664
L: 77.8013, C: 42.6428, H: 203.1127
L: 72.7154, a: -36.4153, b: -12.1786
cyan: 99 (0.991), magenta: 4 (0.0405), yellow: 0 (0), key: 13 (0.1294)
cyan: 99 (0.9922), magenta: 16 (0.1647), yellow: 13 (0.1294)
Y: 150.937, I: -128.5874, Q: -41.817
Y: 150.937, U: 34.9706, V: -130.6651
Y: 150.937, Db: 106.947, Dr: 283.216
Y: 145.622, Cb: 163.179, Cr: 34.732
Y: 168.705, Pb: 28.765, Pr: -105.914
7.5BG 8/10 (approximate)
#02d5de
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d5de
to White#02d5de
to Black#02d5de
foreground
<p style="color: #02d5de; background-color: #000">#02d5de foreground</p>
#02d5de
background
<p style="background-color: #02d5de">#02d5de background</p>
#02d5de
border
<p style="border: #02d5de 3px solid">#02d5de border</p>
#02d5de
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d5de, #fff); background: -webkit-radial-gradient(50% 50%, #02d5de, #fff); background: -o-radial-gradient(50% 50%, #02d5de, #fff); background: -ms-radial-gradient(50% 50%, #02d5de, #fff); background: radial-gradient(50% 50%, #02d5de, #fff)">#02d5de radial gradient</p>
#02d5de
linear gradient to complementary #de0b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d5de, #de0b01); background: -webkit-linear-gradient(top, #02d5de, #de0b01); background: -o-linear-gradient(top, #02d5de, #de0b01); background: -ms-linear-gradient(top, #02d5de, #de0b01); background: linear-gradient(top, #02d5de, #de0b01); color: #000">
#02d5de
linear gradient to complementary #de0b01
</p>
#02d5de
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d5de">#02d5de text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d5de
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 #02d5de
.
Jump to paint brand: