Color Charts
RGB
CMYK
RYB
#02b9a6 Hex Color CodeThe hexadecimal color code #02b9a6 is a medium dark shade of cyan. In the RGB color model #02b9a6 is comprised of 0.78% red, 72.55% green and 65.1% blue. In the HSL color space #02b9a6 has a hue of 173.77 degrees, 97.86% saturation and 36.67% lightness. This color has an approximate wavelength of 511 nm.
#02b9a6 Color InformationInverted
#fd4659 25% Saturated
#00bba7 Grayscale
#5d5d5d
25% Lighter
#02e7cf Original
#02b9a6 25% Darker
#018a7c
lightseagreen
#20b2aa 25% Desaturated
#18a293 Web Safe: teal
#008080
rgb(2, 185, 166)
rgba(2, 185, 166, 1.0)
red: 0.7843%, yellow: 38.6314%, blue: 72.549%
#02b9a6
178598
-16598618 / 0xff02b9a6
hsl(174, 98%, 37%)
hsla(174, 98%, 37%, 1.0)
hue: 174 (173.7705), saturation: 99 (98.9189), value: 73 (72.549)
X: 24.2569, Y: 37.464, Z: 42.0292
x: 0.2338, y: 0.3611, Y: 37.464
L: 67.6237, a: -43.2937, b: -1.4432
L: 67.6237, u: -54.1735, v: 4.4158
L: 67.6237, C: 43.3178, H: 181.9093
L: 61.2078, a: -36.3734, b: 2.1332
cyan: 99 (0.9892), magenta: 0 (0), yellow: 10 (0.1027), key: 27 (0.2745)
cyan: 99 (0.9922), magenta: 27 (0.2745), yellow: 35 (0.349)
Y: 128.117, I: -102.912, Q: -44.608
Y: 128.117, U: 18.6426, V: -110.6448
Y: 128.117, Db: 57.023, Dr: 239.816
Y: 126.022, Cb: 146.743, Cr: 49.012
Y: 144.653, Pb: 11.545, Pr: -90.626
2.5BG 7/10 (approximate)
#02b9a6 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b9a6 to White#02b9a6 to Black#02b9a6 foreground
<p style="color: #02b9a6; background-color: #000">#02b9a6 foreground</p>
#02b9a6 background
<p style="background-color: #02b9a6">#02b9a6 background</p>
#02b9a6 border
<p style="border: #02b9a6 3px solid">#02b9a6 border</p>
#02b9a6 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b9a6, #fff); background: -webkit-radial-gradient(50% 50%, #02b9a6, #fff); background: -o-radial-gradient(50% 50%, #02b9a6, #fff); background: -ms-radial-gradient(50% 50%, #02b9a6, #fff); background: radial-gradient(50% 50%, #02b9a6, #fff)">#02b9a6 radial gradient</p>
#02b9a6 linear gradient to complementary #b80215
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b9a6, #b80215); background: -webkit-linear-gradient(top, #02b9a6, #b80215); background: -o-linear-gradient(top, #02b9a6, #b80215); background: -ms-linear-gradient(top, #02b9a6, #b80215); background: linear-gradient(top, #02b9a6, #b80215); color: #000">#02b9a6 linear gradient to complementary #b80215</p>
#02b9a6 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b9a6">#02b9a6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b9a6 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 #02b9a6.
Jump to paint brand: