Color Charts
RGB
CMYK
RYB
#02b496 Hex Color CodeThe hexadecimal color code #02b496 is a medium dark shade of green-cyan. In the RGB color model #02b496 is comprised of 0.78% red, 70.59% green and 58.82% blue. In the HSL color space #02b496 has a hue of 169.89 degrees, 97.8% saturation and 35.69% lightness. This color has an approximate wavelength of 513 nm.
#02b496 Color InformationInverted
#fd4b69 25% Saturated
#00b697 Grayscale
#5b5b5b
25% Lighter
#02e1bb Original
#02b496 25% Darker
#018770
lightseagreen
#20b2aa 25% Desaturated
#189d87 Web Safe: teal
#008080
rgb(2, 180, 150)
rgba(2, 180, 150, 1.0)
red: 0.7843%, yellow: 38.8981%, blue: 70.5882%
#02b496
177302
-16599914 / 0xff02b496
hsl(170, 98%, 36%)
hsla(170, 98%, 36%, 1.0)
hue: 170 (169.8876), saturation: 99 (98.8889), value: 71 (70.5882)
X: 21.8513, Y: 34.8574, Z: 34.4306
x: 0.2398, y: 0.3825, Y: 34.8574
L: 65.6375, a: -45.5839, b: 4.4975
L: 65.6375, u: -53.7197, v: 13.4744
L: 65.6375, C: 45.8053, H: 174.3652
L: 59.0402, a: -37.2558, b: 6.7518
cyan: 99 (0.9889), magenta: 0 (0), yellow: 17 (0.1667), key: 29 (0.2941)
cyan: 99 (0.9922), magenta: 29 (0.2941), yellow: 41 (0.4118)
Y: 123.358, I: -96.3996, Q: -46.9732
Y: 123.358, U: 13.1109, V: -106.4697
Y: 123.358, Db: 40.11, Dr: 230.764
Y: 121.934, Cb: 141.174, Cr: 51.988
Y: 139.926, Pb: 5.47, Pr: -87.62
10G 6/10 (approximate)
#02b496 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b496 to White#02b496 to Black#02b496 foreground
<p style="color: #02b496">#02b496 foreground</p>
#02b496 background
<p style="background-color: #02b496; color: #fff">#02b496 background</p>
#02b496 border
<p style="border: #02b496 3px solid">#02b496 border</p>
#02b496 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b496, #fff); background: -webkit-radial-gradient(50% 50%, #02b496, #fff); background: -o-radial-gradient(50% 50%, #02b496, #fff); background: -ms-radial-gradient(50% 50%, #02b496, #fff); background: radial-gradient(50% 50%, #02b496, #fff); color: #fff">#02b496 radial gradient</p>
#02b496 linear gradient to complementary #b4011f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b496, #b4011f); background: -webkit-linear-gradient(top, #02b496, #b4011f); background: -o-linear-gradient(top, #02b496, #b4011f); background: -ms-linear-gradient(top, #02b496, #b4011f); background: linear-gradient(top, #02b496, #b4011f); color: #fff">#02b496 linear gradient to complementary #b4011f</p>
#02b496 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b496">#02b496 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b496 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 #02b496.
Jump to paint brand: