#02d6dd
Hex Color CodeThe hexadecimal color code #02d6dd
is a shade of cyan. In the RGB color model #02d6dd
is comprised of 0.78% red, 83.92% green and 86.67% blue. In the HSL color space #02d6dd
has a hue of 181.92 degrees, 98.21% saturation and 43.73% lightness. This color has an approximate wavelength of 505 nm.
#02d6dd
Color InformationInverted
#fd2922 25% Saturated
#00d7df Grayscale
#6f6f6f
25% Lighter
#19f5fc Original
#02d6dd 25% Darker
#01a0a5
darkturquoise
#00ced1 25% Desaturated
#1dbcc1 Web Safe: aqua
#00ffff
rgb(2, 214, 221)
rgba(2, 214, 221, 1.0)
red: 0.7843%, yellow: 43.0281%, blue: 86.6667%
#02d6dd
186077
-16591139 / 0xff02d6dd
hsl(182, 98%, 44%)
hsla(182, 98%, 44%, 1.0)
hue: 182 (181.9178), saturation: 99 (99.095), value: 87 (86.6667)
X: 37.1227, Y: 53.3265, Z: 76.7431
x: 0.222, y: 0.319, Y: 53.3265
L: 78.0674, a: -39.977, b: -15.8025
L: 78.0674, u: -59.5788, v: -18.917
L: 78.0674, C: 42.9869, H: 201.5684
L: 73.025, a: -37.0521, b: -11.1913
cyan: 99 (0.991), magenta: 3 (0.0317), yellow: 0 (0), key: 13 (0.1333)
cyan: 99 (0.9922), magenta: 16 (0.1608), yellow: 13 (0.1333)
Y: 151.41, I: -128.5406, Q: -42.6507
Y: 151.41, U: 34.2457, V: -131.0801
Y: 151.41, Db: 104.731, Dr: 284.115
Y: 146.028, Cb: 162.449, Cr: 34.435
Y: 169.348, Pb: 27.88, Pr: -106.322
7.5BG 8/10 (approximate)
#02d6dd
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d6dd
to White#02d6dd
to Black#02d6dd
foreground
<p style="color: #02d6dd; background-color: #000">#02d6dd foreground</p>
#02d6dd
background
<p style="background-color: #02d6dd">#02d6dd background</p>
#02d6dd
border
<p style="border: #02d6dd 3px solid">#02d6dd border</p>
#02d6dd
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d6dd, #fff); background: -webkit-radial-gradient(50% 50%, #02d6dd, #fff); background: -o-radial-gradient(50% 50%, #02d6dd, #fff); background: -ms-radial-gradient(50% 50%, #02d6dd, #fff); background: radial-gradient(50% 50%, #02d6dd, #fff)">#02d6dd radial gradient</p>
#02d6dd
linear gradient to complementary #dd0901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d6dd, #dd0901); background: -webkit-linear-gradient(top, #02d6dd, #dd0901); background: -o-linear-gradient(top, #02d6dd, #dd0901); background: -ms-linear-gradient(top, #02d6dd, #dd0901); background: linear-gradient(top, #02d6dd, #dd0901); color: #000">
#02d6dd
linear gradient to complementary #dd0901
</p>
#02d6dd
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d6dd">#02d6dd text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d6dd
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 #02d6dd
.
Jump to paint brand: