Color Charts
RGB
CMYK
RYB
#02b099 Hex Color CodeThe hexadecimal color code #02b099 is a medium dark shade of cyan. In the RGB color model #02b099 is comprised of 0.78% red, 69.02% green and 60% blue. In the HSL color space #02b099 has a hue of 172.07 degrees, 97.75% saturation and 34.9% lightness. This color has an approximate wavelength of 512 nm.
#02b099 Color InformationInverted
#fd4f66 25% Saturated
#00b29a Grayscale
#595959
25% Lighter
#02dbbf Original
#02b099 25% Darker
#018372
lightseagreen
#20b2aa 25% Desaturated
#179a89 Web Safe: teal
#008080
rgb(2, 176, 153)
rgba(2, 176, 153, 1.0)
red: 0.7843%, yellow: 37.3164%, blue: 69.0196%
#02b099
176281
-16600935 / 0xff02b099
hsl(172, 98%, 35%)
hsla(172, 98%, 35%, 1.0)
hue: 172 (172.069), saturation: 99 (98.8636), value: 69 (69.0196)
X: 21.3001, Y: 33.3635, Z: 35.4542
x: 0.2364, y: 0.3702, Y: 33.3635
L: 64.4541, a: -43.0805, b: 1.1202
L: 64.4541, u: -52.1134, v: 8.1405
L: 64.4541, C: 43.0951, H: 178.5105
L: 57.7611, a: -35.2579, b: 4.0402
cyan: 99 (0.9886), magenta: 0 (0), yellow: 13 (0.1307), key: 31 (0.3098)
cyan: 99 (0.9922), magenta: 31 (0.3098), yellow: 40 (0.4)
Y: 121.352, I: -96.2655, Q: -43.9494
Y: 121.352, U: 15.5744, V: -104.7098
Y: 121.352, Db: 47.641, Dr: 226.951
Y: 120.212, Cb: 143.655, Cr: 53.247
Y: 137.282, Pb: 8.51, Pr: -85.942
10G 6/8 approximate; exact match: Munsell 10G 6/8 / #26a691
#02b099 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b099 to White#02b099 to Black#02b099 foreground
<p style="color: #02b099">#02b099 foreground</p>
#02b099 background
<p style="background-color: #02b099; color: #fff">#02b099 background</p>
#02b099 border
<p style="border: #02b099 3px solid">#02b099 border</p>
#02b099 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b099, #fff); background: -webkit-radial-gradient(50% 50%, #02b099, #fff); background: -o-radial-gradient(50% 50%, #02b099, #fff); background: -ms-radial-gradient(50% 50%, #02b099, #fff); background: radial-gradient(50% 50%, #02b099, #fff); color: #fff">#02b099 radial gradient</p>
#02b099 linear gradient to complementary #b00118
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b099, #b00118); background: -webkit-linear-gradient(top, #02b099, #b00118); background: -o-linear-gradient(top, #02b099, #b00118); background: -ms-linear-gradient(top, #02b099, #b00118); background: linear-gradient(top, #02b099, #b00118); color: #fff">#02b099 linear gradient to complementary #b00118</p>
#02b099 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b099">#02b099 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b099 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 #02b099.
Jump to paint brand: