#02a2bf
Hex Color CodeThe hexadecimal color code #02a2bf
is a medium dark shade of cyan. In the RGB color model #02a2bf
is comprised of 0.78% red, 63.53% green and 74.9% blue. In the HSL color space #02a2bf
has a hue of 189.21 degrees, 97.93% saturation and 37.84% lightness. This color has an approximate wavelength of 501 nm.
#02a2bf
Color InformationInverted
#fd5d40 25% Saturated
#00a3c1 Grayscale
#606060
25% Lighter
#02caee Original
#02a2bf 25% Darker
#01798f
cadetblue
#5f9ea0 25% Desaturated
#1991a7 Web Safe: teal
#008080
rgb(2, 162, 191)
rgba(2, 162, 191, 1.0)
red: 0.7843%, yellow: 34.7638%, blue: 74.902%
#02a2bf
172735
-16604481 / 0xff02a2bf
hsl(189, 98%, 38%)
hsla(189, 98%, 38%, 1.0)
hue: 189 (189.2063), saturation: 99 (98.9529), value: 75 (74.902)
X: 22.3493, Y: 29.6152, Z: 53.8286
x: 0.2113, y: 0.2799, Y: 29.6152
L: 61.3207, a: -24.6676, b: -24.8305
L: 61.3207, u: -44.2441, v: -35.0415
L: 61.3207, C: 35.0006, H: 225.1886
L: 54.4198, a: -21.9276, b: -20.552
cyan: 99 (0.9895), magenta: 15 (0.1518), yellow: 0 (0), key: 25 (0.251)
cyan: 99 (0.9922), magenta: 36 (0.3647), yellow: 25 (0.251)
Y: 117.466, I: -104.6312, Q: -24.81
Y: 117.466, U: 36.1864, V: -101.3003
Y: 117.466, Db: 110.657, Dr: 219.573
Y: 116.88, Cb: 164.411, Cr: 55.701
Y: 130.008, Pb: 32.9, Pr: -81.334
2.5B 6/8 (approximate)
#02a2bf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a2bf
to White#02a2bf
to Black#02a2bf
foreground
<p style="color: #02a2bf">#02a2bf foreground</p>
#02a2bf
background
<p style="background-color: #02a2bf; color: #fff">#02a2bf background</p>
#02a2bf
border
<p style="border: #02a2bf 3px solid">#02a2bf border</p>
#02a2bf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a2bf, #fff); background: -webkit-radial-gradient(50% 50%, #02a2bf, #fff); background: -o-radial-gradient(50% 50%, #02a2bf, #fff); background: -ms-radial-gradient(50% 50%, #02a2bf, #fff); background: radial-gradient(50% 50%, #02a2bf, #fff); color: #fff">#02a2bf radial gradient</p>
#02a2bf
linear gradient to complementary #bf1e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a2bf, #bf1e01); background: -webkit-linear-gradient(top, #02a2bf, #bf1e01); background: -o-linear-gradient(top, #02a2bf, #bf1e01); background: -ms-linear-gradient(top, #02a2bf, #bf1e01); background: linear-gradient(top, #02a2bf, #bf1e01); color: #fff">
#02a2bf
linear gradient to complementary #bf1e01
</p>
#02a2bf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a2bf">#02a2bf text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a2bf
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 #02a2bf
.
Jump to paint brand: