#02b5a0
Hex Color CodeThe hexadecimal color code #02b5a0
is a medium dark shade of cyan. In the RGB color model #02b5a0
is comprised of 0.78% red, 70.98% green and 62.75% blue. In the HSL color space #02b5a0
has a hue of 172.96 degrees, 97.81% saturation and 35.88% lightness. This color has an approximate wavelength of 511 nm.
#02b5a0
Color InformationInverted
#fd4a5f 25% Saturated
#00b7a1 Grayscale
#5b5b5b
25% Lighter
#02e2c8 Original
#02b5a0 25% Darker
#018778
lightseagreen
#20b2aa 25% Desaturated
#189e8e Web Safe: teal
#008080
rgb(2, 181, 160)
rgba(2, 181, 160, 1.0)
red: 0.7843%, yellow: 38.0695%, blue: 70.9804%
#02b5a0
177568
-16599648 / 0xff02b5a0
hsl(173, 98%, 36%)
hsla(173, 98%, 36%, 1.0)
hue: 173 (172.9609), saturation: 99 (98.895), value: 71 (70.9804)
X: 22.8941, Y: 35.5987, Z: 38.9223
x: 0.235, y: 0.3654, Y: 35.5987
L: 66.2122, a: -43.2641, b: -0.1964
L: 66.2122, u: -53.279, v: 6.258
L: 66.2122, C: 43.2645, H: 180.2601
L: 59.6647, a: -35.9205, b: 3.0874
cyan: 99 (0.989), magenta: 0 (0), yellow: 12 (0.116), key: 29 (0.2902)
cyan: 99 (0.9922), magenta: 29 (0.2902), yellow: 37 (0.3725)
Y: 125.085, I: -99.8866, Q: -44.3845
Y: 125.085, U: 17.1821, V: -107.9848
Y: 125.085, Db: 52.557, Dr: 234.05
Y: 123.418, Cb: 145.273, Cr: 50.91
Y: 141.361, Pb: 10.085, Pr: -88.534
10G 6/8 approximate; exact match: Munsell 10G 6/8 / #26a691
#02b5a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b5a0
to White#02b5a0
to Black#02b5a0
foreground
<p style="color: #02b5a0; background-color: #000">#02b5a0 foreground</p>
#02b5a0
background
<p style="background-color: #02b5a0">#02b5a0 background</p>
#02b5a0
border
<p style="border: #02b5a0 3px solid">#02b5a0 border</p>
#02b5a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b5a0, #fff); background: -webkit-radial-gradient(50% 50%, #02b5a0, #fff); background: -o-radial-gradient(50% 50%, #02b5a0, #fff); background: -ms-radial-gradient(50% 50%, #02b5a0, #fff); background: radial-gradient(50% 50%, #02b5a0, #fff)">#02b5a0 radial gradient</p>
#02b5a0
linear gradient to complementary #b50116
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b5a0, #b50116); background: -webkit-linear-gradient(top, #02b5a0, #b50116); background: -o-linear-gradient(top, #02b5a0, #b50116); background: -ms-linear-gradient(top, #02b5a0, #b50116); background: linear-gradient(top, #02b5a0, #b50116); color: #000">
#02b5a0
linear gradient to complementary #b50116
</p>
#02b5a0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b5a0">#02b5a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b5a0
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 #02b5a0
.
Jump to paint brand: