#02d8d8
Hex Color CodeThe hexadecimal color code #02d8d8
is a shade of cyan. In the RGB color model #02d8d8
is comprised of 0.78% red, 84.71% green and 84.71% blue. In the HSL color space #02d8d8
has a hue of 180 degrees, 98.17% saturation and 42.75% lightness. This color has an approximate wavelength of 507 nm.
#02d8d8
Color InformationInverted
#fd2727 25% Saturated
#00d9da Grayscale
#6d6d6d
25% Lighter
#13fcfc Original
#02d8d8 25% Darker
#01a1a2
mediumturquoise
#48d1cc 25% Desaturated
#1cbdbd Web Safe: aqua
#00ffff
rgb(2, 216, 216)
rgba(2, 216, 216, 1.0)
red: 0.7843%, yellow: 42.7451%, blue: 84.7059%
#02d8d8
186584
-16590632 / 0xff02d8d8
hsl(180, 98%, 43%)
hsla(180, 98%, 43%, 1.0)
hue: 180 (180), saturation: 99 (99.0741), value: 85 (84.7059)
X: 36.9756, Y: 54.0825, Z: 73.4559
x: 0.2248, y: 0.3287, Y: 54.0825
L: 78.5098, a: -42.3677, b: -12.4612
L: 78.5098, u: -60.6557, v: -13.0973
L: 78.5098, C: 44.1622, H: 196.3896
L: 73.5408, a: -38.9484, b: -7.743
cyan: 99 (0.9907), magenta: 0 (0), yellow: 0 (0), key: 15 (0.1529)
cyan: 99 (0.9922), magenta: 15 (0.1529), yellow: 15 (0.1529)
Y: 152.014, I: -127.4832, Q: -45.2516
Y: 152.014, U: 31.488, V: -131.61
Y: 152.014, Db: 96.3, Dr: 285.262
Y: 146.546, Cb: 159.672, Cr: 34.054
Y: 170.418, Pb: 24.61, Pr: -107
7.5BG 8/10 (approximate)
#02d8d8
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d8d8
to White#02d8d8
to Black#02d8d8
foreground
<p style="color: #02d8d8; background-color: #000">#02d8d8 foreground</p>
#02d8d8
background
<p style="background-color: #02d8d8">#02d8d8 background</p>
#02d8d8
border
<p style="border: #02d8d8 3px solid">#02d8d8 border</p>
#02d8d8
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d8d8, #fff); background: -webkit-radial-gradient(50% 50%, #02d8d8, #fff); background: -o-radial-gradient(50% 50%, #02d8d8, #fff); background: -ms-radial-gradient(50% 50%, #02d8d8, #fff); background: radial-gradient(50% 50%, #02d8d8, #fff)">#02d8d8 radial gradient</p>
#02d8d8
linear gradient to complementary #d80101
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d8d8, #d80101); background: -webkit-linear-gradient(top, #02d8d8, #d80101); background: -o-linear-gradient(top, #02d8d8, #d80101); background: -ms-linear-gradient(top, #02d8d8, #d80101); background: linear-gradient(top, #02d8d8, #d80101); color: #000">
#02d8d8
linear gradient to complementary #d80101
</p>
#02d8d8
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d8d8">#02d8d8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d8d8
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 #02d8d8
.
Jump to paint brand: