#02aeca
Hex Color CodeThe hexadecimal color code #02aeca
is a medium dark shade of cyan. In the RGB color model #02aeca
is comprised of 0.78% red, 68.24% green and 79.22% blue. In the HSL color space #02aeca
has a hue of 188.4 degrees, 98.04% saturation and 40% lightness. This color has an approximate wavelength of 501 nm.
#02aeca
Color InformationInverted
#fd5135 25% Saturated
#00afcc Grayscale
#666666
25% Lighter
#02d9fc Original
#02aeca 25% Darker
#018297
cadetblue
#5f9ea0 25% Desaturated
#1a9bb1 Web Safe: teal
#008080
rgb(2, 174, 202)
rgba(2, 174, 202, 1.0)
red: 0.7843%, yellow: 37.0483%, blue: 79.2157%
#02aeca
175818
-16601398 / 0xff02aeca
hsl(188, 98%, 40%)
hsla(188, 98%, 40%, 1.0)
hue: 188 (188.4), saturation: 99 (99.0099), value: 79 (79.2157)
X: 25.8218, Y: 34.5493, Z: 61.1848
x: 0.2124, y: 0.2842, Y: 34.5493
L: 65.3962, a: -27.0143, b: -24.7024
L: 65.3962, u: -47.5124, v: -34.848
L: 65.3962, C: 36.6058, H: 222.4404
L: 58.7786, a: -24.4466, b: -20.5721
cyan: 99 (0.9901), magenta: 14 (0.1386), yellow: 0 (0), key: 21 (0.2078)
cyan: 99 (0.9922), magenta: 32 (0.3176), yellow: 21 (0.2078)
Y: 125.764, I: -111.4585, Q: -27.6587
Y: 125.764, U: 37.5161, V: -108.5803
Y: 125.764, Db: 114.724, Dr: 235.352
Y: 124.006, Cb: 165.748, Cr: 50.504
Y: 139.38, Pb: 33.78, Pr: -87.288
2.5B 6/8 (approximate)
#02aeca
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aeca
to White#02aeca
to Black#02aeca
foreground
<p style="color: #02aeca; background-color: #000">#02aeca foreground</p>
#02aeca
background
<p style="background-color: #02aeca">#02aeca background</p>
#02aeca
border
<p style="border: #02aeca 3px solid">#02aeca border</p>
#02aeca
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aeca, #fff); background: -webkit-radial-gradient(50% 50%, #02aeca, #fff); background: -o-radial-gradient(50% 50%, #02aeca, #fff); background: -ms-radial-gradient(50% 50%, #02aeca, #fff); background: radial-gradient(50% 50%, #02aeca, #fff)">#02aeca radial gradient</p>
#02aeca
linear gradient to complementary #ca1d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aeca, #ca1d01); background: -webkit-linear-gradient(top, #02aeca, #ca1d01); background: -o-linear-gradient(top, #02aeca, #ca1d01); background: -ms-linear-gradient(top, #02aeca, #ca1d01); background: linear-gradient(top, #02aeca, #ca1d01); color: #000">
#02aeca
linear gradient to complementary #ca1d01
</p>
#02aeca
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aeca">#02aeca text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aeca
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 #02aeca
.
Jump to paint brand: