#02b395
Hex Color CodeThe hexadecimal color code #02b395
is a medium dark shade of green-cyan. In the RGB color model #02b395
is comprised of 0.78% red, 70.2% green and 58.43% blue. In the HSL color space #02b395
has a hue of 169.83 degrees, 97.79% saturation and 35.49% lightness. This color has an approximate wavelength of 513 nm.
#02b395
Color InformationInverted
#fd4c6a 25% Saturated
#00b496 Grayscale
#5a5a5a
25% Lighter
#02dfba Original
#02b395 25% Darker
#01866f
lightseagreen
#20b2aa 25% Desaturated
#189c86 Web Safe: teal
#008080
rgb(2, 179, 149)
rgba(2, 179, 149, 1.0)
red: 0.7843%, yellow: 38.7037%, blue: 70.1961%
#02b395
177045
-16600171 / 0xff02b395
hsl(170, 98%, 35%)
hsla(170, 98%, 35%, 1.0)
hue: 170 (169.8305), saturation: 99 (98.8827), value: 70 (70.1961)
X: 21.5699, Y: 34.423, Z: 33.9412
x: 0.2398, y: 0.3828, Y: 34.423
L: 65.297, a: -45.4364, b: 4.559
L: 65.297, u: -53.455, v: 13.5266
L: 65.297, C: 45.6646, H: 174.2702
L: 58.6711, a: -37.0505, b: 6.7706
cyan: 99 (0.9888), magenta: 0 (0), yellow: 17 (0.1676), key: 30 (0.298)
cyan: 99 (0.9922), magenta: 30 (0.298), yellow: 42 (0.4157)
Y: 122.657, I: -95.8038, Q: -46.7618
Y: 122.657, U: 12.9638, V: -105.8547
Y: 122.657, Db: 39.66, Dr: 229.431
Y: 121.332, Cb: 141.026, Cr: 52.427
Y: 139.139, Pb: 5.355, Pr: -87.12
10G 6/10 (approximate)
#02b395
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b395
to White#02b395
to Black#02b395
foreground
<p style="color: #02b395">#02b395 foreground</p>
#02b395
background
<p style="background-color: #02b395; color: #fff">#02b395 background</p>
#02b395
border
<p style="border: #02b395 3px solid">#02b395 border</p>
#02b395
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b395, #fff); background: -webkit-radial-gradient(50% 50%, #02b395, #fff); background: -o-radial-gradient(50% 50%, #02b395, #fff); background: -ms-radial-gradient(50% 50%, #02b395, #fff); background: radial-gradient(50% 50%, #02b395, #fff); color: #fff">#02b395 radial gradient</p>
#02b395
linear gradient to complementary #b3011f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b395, #b3011f); background: -webkit-linear-gradient(top, #02b395, #b3011f); background: -o-linear-gradient(top, #02b395, #b3011f); background: -ms-linear-gradient(top, #02b395, #b3011f); background: linear-gradient(top, #02b395, #b3011f); color: #fff">
#02b395
linear gradient to complementary #b3011f
</p>
#02b395
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02b395">#02b395 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b395
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 #02b395
.
Jump to paint brand: