#02cdd3
Hex Color CodeThe hexadecimal color code #02cdd3
is a shade of cyan. In the RGB color model #02cdd3
is comprised of 0.78% red, 80.39% green and 82.75% blue. In the HSL color space #02cdd3
has a hue of 181.72 degrees, 98.12% saturation and 41.76% lightness. This color has an approximate wavelength of 506 nm.
#02cdd3
Color InformationInverted
#fd322c 25% Saturated
#00ced4 Grayscale
#6a6a6a
25% Lighter
#0df5fc Original
#02cdd3 25% Darker
#01999e
darkturquoise
#00ced1 25% Desaturated
#1cb4b8 Web Safe: aqua
#00ffff
rgb(2, 205, 211)
rgba(2, 205, 211, 1.0)
red: 0.7843%, yellow: 41.1679%, blue: 82.7451%
#02cdd3
183763
-16593453 / 0xff02cdd3
hsl(182, 98%, 42%)
hsla(182, 98%, 42%, 1.0)
hue: 182 (181.7225), saturation: 99 (99.0521), value: 83 (82.7451)
X: 33.6142, Y: 48.3787, Z: 69.1944
x: 0.2223, y: 0.32, Y: 48.3787
L: 75.0632, a: -38.925, b: -14.9438
L: 75.0632, u: -57.3557, v: -17.5768
L: 75.0632, C: 41.695, H: 201.0024
L: 69.5548, a: -35.456, b: -10.2944
cyan: 99 (0.9905), magenta: 3 (0.0284), yellow: 0 (0), key: 17 (0.1725)
cyan: 99 (0.9922), magenta: 20 (0.1961), yellow: 17 (0.1725)
Y: 144.987, I: -122.8579, Q: -41.0588
Y: 144.987, U: 32.4854, V: -125.4451
Y: 144.987, Db: 99.348, Dr: 271.901
Y: 140.512, Cb: 160.678, Cr: 38.457
Y: 162.193, Pb: 26.345, Pr: -101.776
7.5BG 7/10 (approximate)
#02cdd3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02cdd3
to White#02cdd3
to Black#02cdd3
foreground
<p style="color: #02cdd3; background-color: #000">#02cdd3 foreground</p>
#02cdd3
background
<p style="background-color: #02cdd3">#02cdd3 background</p>
#02cdd3
border
<p style="border: #02cdd3 3px solid">#02cdd3 border</p>
#02cdd3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02cdd3, #fff); background: -webkit-radial-gradient(50% 50%, #02cdd3, #fff); background: -o-radial-gradient(50% 50%, #02cdd3, #fff); background: -ms-radial-gradient(50% 50%, #02cdd3, #fff); background: radial-gradient(50% 50%, #02cdd3, #fff)">#02cdd3 radial gradient</p>
#02cdd3
linear gradient to complementary #d30801
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02cdd3, #d30801); background: -webkit-linear-gradient(top, #02cdd3, #d30801); background: -o-linear-gradient(top, #02cdd3, #d30801); background: -ms-linear-gradient(top, #02cdd3, #d30801); background: linear-gradient(top, #02cdd3, #d30801); color: #000">
#02cdd3
linear gradient to complementary #d30801
</p>
#02cdd3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02cdd3">#02cdd3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02cdd3
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 #02cdd3
.
Jump to paint brand: