#02ceb3
Hex Color CodeThe hexadecimal color code #02ceb3
is a shade of cyan. In the RGB color model #02ceb3
is comprised of 0.78% red, 80.78% green and 70.2% blue. In the HSL color space #02ceb3
has a hue of 172.06 degrees, 98.08% saturation and 40.78% lightness. This color has an approximate wavelength of 512 nm.
#02ceb3
Color InformationInverted
#fd314c 25% Saturated
#00d0b4 Grayscale
#686868
25% Lighter
#07fcdc Original
#02ceb3 25% Darker
#019a86
mediumaquamarine
#66cdaa 25% Desaturated
#1bb4a0 Web Safe: aqua
#00ffff
rgb(2, 206, 179)
rgba(2, 206, 179, 1.0)
red: 0.7843%, yellow: 43.619%, blue: 80.7843%
#02ceb3
183987
-16593229 / 0xff02ceb3
hsl(172, 98%, 41%)
hsla(172, 98%, 41%, 1.0)
hue: 172 (172.0588), saturation: 99 (99.0291), value: 81 (80.7843)
X: 30.233, Y: 47.4102, Z: 50.2055
x: 0.2365, y: 0.3708, Y: 47.4102
L: 74.4514, a: -48.5651, b: 1.4393
L: 74.4514, u: -60.2653, v: 9.6946
L: 74.4514, C: 48.5864, H: 178.3024
L: 68.8551, a: -42.1202, b: 4.9674
cyan: 99 (0.9903), magenta: 0 (0), yellow: 13 (0.1311), key: 19 (0.1922)
cyan: 99 (0.9922), magenta: 19 (0.1922), yellow: 30 (0.298)
Y: 141.926, I: -112.852, Q: -51.5377
Y: 141.926, U: 18.2446, V: -122.7597
Y: 141.926, Db: 55.809, Dr: 266.073
Y: 137.88, Cb: 146.339, Cr: 40.361
Y: 160.604, Pb: 9.96, Pr: -100.758
10G 7/10 (approximate)
#02ceb3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ceb3
to White#02ceb3
to Black#02ceb3
foreground
<p style="color: #02ceb3; background-color: #000">#02ceb3 foreground</p>
#02ceb3
background
<p style="background-color: #02ceb3">#02ceb3 background</p>
#02ceb3
border
<p style="border: #02ceb3 3px solid">#02ceb3 border</p>
#02ceb3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ceb3, #fff); background: -webkit-radial-gradient(50% 50%, #02ceb3, #fff); background: -o-radial-gradient(50% 50%, #02ceb3, #fff); background: -ms-radial-gradient(50% 50%, #02ceb3, #fff); background: radial-gradient(50% 50%, #02ceb3, #fff)">#02ceb3 radial gradient</p>
#02ceb3
linear gradient to complementary #ce011d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ceb3, #ce011d); background: -webkit-linear-gradient(top, #02ceb3, #ce011d); background: -o-linear-gradient(top, #02ceb3, #ce011d); background: -ms-linear-gradient(top, #02ceb3, #ce011d); background: linear-gradient(top, #02ceb3, #ce011d); color: #000">
#02ceb3
linear gradient to complementary #ce011d
</p>
#02ceb3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ceb3">#02ceb3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ceb3
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 #02ceb3
.
Jump to paint brand: