#02aeb9
Hex Color CodeThe hexadecimal color code #02aeb9
is a medium dark shade of cyan. In the RGB color model #02aeb9
is comprised of 0.78% red, 68.24% green and 72.55% blue. In the HSL color space #02aeb9
has a hue of 183.61 degrees, 97.86% saturation and 36.67% lightness. This color has an approximate wavelength of 504 nm.
#02aeb9
Color InformationInverted
#fd5146 25% Saturated
#00afbb Grayscale
#5d5d5d
25% Lighter
#02d9e7 Original
#02aeb9 25% Darker
#01828a
lightseagreen
#20b2aa 25% Desaturated
#1899a2 Web Safe: teal
#008080
rgb(2, 174, 185)
rgba(2, 174, 185, 1.0)
red: 0.7843%, yellow: 35.5548%, blue: 72.549%
#02aeb9
175801
-16601415 / 0xff02aeb9
hsl(184, 98%, 37%)
hsla(184, 98%, 37%, 1.0)
hue: 184 (183.6066), saturation: 99 (98.9189), value: 73 (72.549)
X: 23.918, Y: 33.7878, Z: 51.16
x: 0.2197, y: 0.3104, Y: 33.7878
L: 64.7938, a: -32.5797, b: -16.1848
L: 64.7938, u: -48.8648, v: -20.1312
L: 64.7938, C: 36.3784, H: 206.4171
L: 58.1273, a: -28.274, b: -11.4943
cyan: 99 (0.9892), magenta: 6 (0.0595), yellow: 0 (0), key: 27 (0.2745)
cyan: 99 (0.9922), magenta: 32 (0.3176), yellow: 27 (0.2745)
Y: 123.826, I: -105.997, Q: -32.9479
Y: 123.826, U: 30.1041, V: -106.8801
Y: 123.826, Db: 92.063, Dr: 231.663
Y: 122.34, Cb: 158.285, Cr: 51.711
Y: 138.156, Pb: 25.28, Pr: -86.506
7.5BG 6/8 (approximate)
#02aeb9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aeb9
to White#02aeb9
to Black#02aeb9
foreground
<p style="color: #02aeb9">#02aeb9 foreground</p>
#02aeb9
background
<p style="background-color: #02aeb9; color: #fff">#02aeb9 background</p>
#02aeb9
border
<p style="border: #02aeb9 3px solid">#02aeb9 border</p>
#02aeb9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aeb9, #fff); background: -webkit-radial-gradient(50% 50%, #02aeb9, #fff); background: -o-radial-gradient(50% 50%, #02aeb9, #fff); background: -ms-radial-gradient(50% 50%, #02aeb9, #fff); background: radial-gradient(50% 50%, #02aeb9, #fff); color: #fff">#02aeb9 radial gradient</p>
#02aeb9
linear gradient to complementary #b80c02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aeb9, #b80c02); background: -webkit-linear-gradient(top, #02aeb9, #b80c02); background: -o-linear-gradient(top, #02aeb9, #b80c02); background: -ms-linear-gradient(top, #02aeb9, #b80c02); background: linear-gradient(top, #02aeb9, #b80c02); color: #fff">
#02aeb9
linear gradient to complementary #b80c02
</p>
#02aeb9
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aeb9">#02aeb9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aeb9
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 #02aeb9
.
Jump to paint brand: