Color Charts
RGB
CMYK
RYB
#02b6a5 Hex Color CodeThe hexadecimal color code #02b6a5 is a medium dark shade of cyan. In the RGB color model #02b6a5 is comprised of 0.78% red, 71.37% green and 64.71% blue. In the HSL color space #02b6a5 has a hue of 174.33 degrees, 97.83% saturation and 36.08% lightness. This color has an approximate wavelength of 510 nm.
#02b6a5 Color InformationInverted
#fd495a 25% Saturated
#00b8a6 Grayscale
#5c5c5c
25% Lighter
#02e3ce Original
#02b6a5 25% Darker
#01887b
lightseagreen
#20b2aa 25% Desaturated
#189f92 Web Safe: teal
#008080
rgb(2, 182, 165)
rgba(2, 182, 165, 1.0)
red: 0.7843%, yellow: 37.8277%, blue: 71.3725%
#02b6a5
177829
-16599387 / 0xff02b6a5
hsl(174, 98%, 36%)
hsla(174, 98%, 36%, 1.0)
hue: 174 (174.3333), saturation: 99 (98.9011), value: 71 (71.3725)
X: 23.5445, Y: 36.1854, Z: 41.3409
x: 0.233, y: 0.358, Y: 36.1854
L: 66.6614, a: -42.2815, b: -2.3031
L: 66.6614, u: -53.2253, v: 2.9544
L: 66.6614, C: 42.3442, H: 183.1178
L: 60.1543, a: -35.4048, b: 1.3611
cyan: 99 (0.989), magenta: 0 (0), yellow: 9 (0.0934), key: 29 (0.2863)
cyan: 99 (0.9922), magenta: 29 (0.2863), yellow: 35 (0.3529)
Y: 126.242, I: -101.7674, Q: -43.3514
Y: 126.242, U: 19.0732, V: -108.9998
Y: 126.242, Db: 58.339, Dr: 236.251
Y: 124.412, Cb: 147.177, Cr: 50.187
Y: 142.436, Pb: 12.2, Pr: -89.218
2.5BG 6/8 approximate; exact match: Munsell 2.5BG 6/8 / #12a69a
#02b6a5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b6a5 to White#02b6a5 to Black#02b6a5 foreground
<p style="color: #02b6a5; background-color: #000">#02b6a5 foreground</p>
#02b6a5 background
<p style="background-color: #02b6a5">#02b6a5 background</p>
#02b6a5 border
<p style="border: #02b6a5 3px solid">#02b6a5 border</p>
#02b6a5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b6a5, #fff); background: -webkit-radial-gradient(50% 50%, #02b6a5, #fff); background: -o-radial-gradient(50% 50%, #02b6a5, #fff); background: -ms-radial-gradient(50% 50%, #02b6a5, #fff); background: radial-gradient(50% 50%, #02b6a5, #fff)">#02b6a5 radial gradient</p>
#02b6a5 linear gradient to complementary #b60112
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b6a5, #b60112); background: -webkit-linear-gradient(top, #02b6a5, #b60112); background: -o-linear-gradient(top, #02b6a5, #b60112); background: -ms-linear-gradient(top, #02b6a5, #b60112); background: linear-gradient(top, #02b6a5, #b60112); color: #000">#02b6a5 linear gradient to complementary #b60112</p>
#02b6a5 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b6a5">#02b6a5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b6a5 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 #02b6a5.
Jump to paint brand: