#02a9bb
Hex Color CodeThe hexadecimal color code #02a9bb
is a medium dark shade of cyan. In the RGB color model #02a9bb
is comprised of 0.78% red, 66.27% green and 73.33% blue. In the HSL color space #02a9bb
has a hue of 185.84 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 503 nm.
#02a9bb
Color InformationInverted
#fd5644 25% Saturated
#00aabc Grayscale
#5e5e5e
25% Lighter
#02d3e9 Original
#02a9bb 25% Darker
#017e8c
cadetblue
#5f9ea0 25% Desaturated
#1996a3 Web Safe: teal
#008080
rgb(2, 169, 187)
rgba(2, 169, 187, 1.0)
red: 0.7843%, yellow: 35.2039%, blue: 73.3333%
#02a9bb
174523
-16602693 / 0xff02a9bb
hsl(186, 98%, 37%)
hsla(186, 98%, 37%, 1.0)
hue: 186 (185.8378), saturation: 99 (98.9305), value: 73 (73.3333)
X: 23.1826, Y: 31.9767, Z: 51.964
x: 0.2164, y: 0.2985, Y: 31.9767
L: 63.3236, a: -29.5118, b: -19.5298
L: 63.3236, u: -46.978, v: -25.8869
L: 63.3236, C: 35.3887, H: 213.4951
L: 56.5479, a: -25.7803, b: -14.9002
cyan: 99 (0.9893), magenta: 10 (0.0963), yellow: 0 (0), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 34 (0.3373), yellow: 27 (0.2667)
Y: 121.119, I: -105.2673, Q: -29.7127
Y: 121.119, U: 32.4204, V: -104.5052
Y: 121.119, Db: 99.144, Dr: 226.517
Y: 120.016, Cb: 160.618, Cr: 53.409
Y: 134.725, Pb: 28.205, Pr: -84.328
10BG 6/8 (approximate)
#02a9bb
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a9bb
to White#02a9bb
to Black#02a9bb
foreground
<p style="color: #02a9bb">#02a9bb foreground</p>
#02a9bb
background
<p style="background-color: #02a9bb; color: #fff">#02a9bb background</p>
#02a9bb
border
<p style="border: #02a9bb 3px solid">#02a9bb border</p>
#02a9bb
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a9bb, #fff); background: -webkit-radial-gradient(50% 50%, #02a9bb, #fff); background: -o-radial-gradient(50% 50%, #02a9bb, #fff); background: -ms-radial-gradient(50% 50%, #02a9bb, #fff); background: radial-gradient(50% 50%, #02a9bb, #fff); color: #fff">#02a9bb radial gradient</p>
#02a9bb
linear gradient to complementary #bb1301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a9bb, #bb1301); background: -webkit-linear-gradient(top, #02a9bb, #bb1301); background: -o-linear-gradient(top, #02a9bb, #bb1301); background: -ms-linear-gradient(top, #02a9bb, #bb1301); background: linear-gradient(top, #02a9bb, #bb1301); color: #fff">
#02a9bb
linear gradient to complementary #bb1301
</p>
#02a9bb
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a9bb">#02a9bb text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a9bb
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 #02a9bb
.
Jump to paint brand: