#02bc95
Hex Color CodeThe hexadecimal color code #02bc95
is a medium dark shade of green-cyan. In the RGB color model #02bc95
is comprised of 0.78% red, 73.73% green and 58.43% blue. In the HSL color space #02bc95
has a hue of 167.42 degrees, 97.89% saturation and 37.25% lightness. This color has an approximate wavelength of 515 nm.
#02bc95
Color InformationInverted
#fd436a 25% Saturated
#00be96 Grayscale
#5f5f5f
25% Lighter
#02ebba Original
#02bc95 25% Darker
#018d6f
mediumaquamarine
#66cdaa 25% Desaturated
#19a487 Web Safe: teal
#008080
rgb(2, 188, 149)
rgba(2, 188, 149, 1.0)
red: 0.7843%, yellow: 41.5262%, blue: 73.7255%
#02bc95
179349
-16597867 / 0xff02bc95
hsl(167, 98%, 37%)
hsla(167, 98%, 37%, 1.0)
hue: 167 (167.4194), saturation: 99 (98.9362), value: 74 (73.7255)
X: 23.4331, Y: 38.1493, Z: 34.5623
x: 0.2437, y: 0.3968, Y: 38.1493
L: 68.1305, a: -49.1102, b: 8.6223
L: 68.1305, u: -56.5197, v: 20.0202
L: 68.1305, C: 49.8614, H: 170.042
L: 61.7651, a: -40.3678, b: 10.0583
cyan: 99 (0.9894), magenta: 0 (0), yellow: 21 (0.2074), key: 26 (0.2627)
cyan: 99 (0.9922), magenta: 26 (0.2627), yellow: 42 (0.4157)
Y: 127.94, I: -98.2739, Q: -51.4651
Y: 127.94, U: 10.3641, V: -110.4896
Y: 127.94, Db: 31.713, Dr: 239.475
Y: 125.868, Cb: 138.407, Cr: 49.115
Y: 145.574, Pb: 1.89, Pr: -91.206
7.5G 7/10 approximate; exact match: Munsell 7.5G 7/10 / #19c59f
#02bc95
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bc95
to White#02bc95
to Black#02bc95
foreground
<p style="color: #02bc95; background-color: #000">#02bc95 foreground</p>
#02bc95
background
<p style="background-color: #02bc95">#02bc95 background</p>
#02bc95
border
<p style="border: #02bc95 3px solid">#02bc95 border</p>
#02bc95
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bc95, #fff); background: -webkit-radial-gradient(50% 50%, #02bc95, #fff); background: -o-radial-gradient(50% 50%, #02bc95, #fff); background: -ms-radial-gradient(50% 50%, #02bc95, #fff); background: radial-gradient(50% 50%, #02bc95, #fff)">#02bc95 radial gradient</p>
#02bc95
linear gradient to complementary #bc0129
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bc95, #bc0129); background: -webkit-linear-gradient(top, #02bc95, #bc0129); background: -o-linear-gradient(top, #02bc95, #bc0129); background: -ms-linear-gradient(top, #02bc95, #bc0129); background: linear-gradient(top, #02bc95, #bc0129); color: #000">
#02bc95
linear gradient to complementary #bc0129
</p>
#02bc95
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bc95">#02bc95 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bc95
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 #02bc95
.
Jump to paint brand: