#02bc93
Hex Color CodeThe hexadecimal color code #02bc93
is a medium dark shade of green-cyan. In the RGB color model #02bc93
is comprised of 0.78% red, 73.73% green and 57.65% blue. In the HSL color space #02bc93
has a hue of 166.77 degrees, 97.89% saturation and 37.25% lightness. This color has an approximate wavelength of 515 nm.
#02bc93
Color InformationInverted
#fd436c 25% Saturated
#00be94 Grayscale
#5f5f5f
25% Lighter
#02ebb7 Original
#02bc93 25% Darker
#018d6e
mediumseagreen
#3cb371 25% Desaturated
#19a485 Web Safe: teal
#008080
rgb(2, 188, 147)
rgba(2, 188, 147, 1.0)
red: 0.7843%, yellow: 41.7724%, blue: 73.7255%
#02bc93
179347
-16597869 / 0xff02bc93
hsl(167, 98%, 37%)
hsla(167, 98%, 37%, 1.0)
hue: 167 (166.7742), saturation: 99 (98.9362), value: 74 (73.7255)
X: 23.2747, Y: 38.0859, Z: 33.7284
x: 0.2448, y: 0.4005, Y: 38.0859
L: 68.0839, a: -49.6172, b: 9.6481
L: 68.0839, u: -56.6713, v: 21.536
L: 68.0839, C: 50.5466, H: 168.9961
L: 61.7138, a: -40.6797, b: 10.796
cyan: 99 (0.9894), magenta: 0 (0), yellow: 22 (0.2181), key: 26 (0.2627)
cyan: 99 (0.9922), magenta: 26 (0.2627), yellow: 42 (0.4235)
Y: 127.712, I: -97.6314, Q: -52.0874
Y: 127.712, U: 9.4921, V: -110.2896
Y: 127.712, Db: 29.047, Dr: 239.041
Y: 125.672, Cb: 137.529, Cr: 49.257
Y: 145.43, Pb: 0.89, Pr: -91.114
7.5G 7/10 approximate; exact match: Munsell 7.5G 7/10 / #19c59f
#02bc93
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bc93
to White#02bc93
to Black#02bc93
foreground
<p style="color: #02bc93; background-color: #000">#02bc93 foreground</p>
#02bc93
background
<p style="background-color: #02bc93">#02bc93 background</p>
#02bc93
border
<p style="border: #02bc93 3px solid">#02bc93 border</p>
#02bc93
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bc93, #fff); background: -webkit-radial-gradient(50% 50%, #02bc93, #fff); background: -o-radial-gradient(50% 50%, #02bc93, #fff); background: -ms-radial-gradient(50% 50%, #02bc93, #fff); background: radial-gradient(50% 50%, #02bc93, #fff)">#02bc93 radial gradient</p>
#02bc93
linear gradient to complementary #bc012a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bc93, #bc012a); background: -webkit-linear-gradient(top, #02bc93, #bc012a); background: -o-linear-gradient(top, #02bc93, #bc012a); background: -ms-linear-gradient(top, #02bc93, #bc012a); background: linear-gradient(top, #02bc93, #bc012a); color: #000">
#02bc93
linear gradient to complementary #bc012a
</p>
#02bc93
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bc93">#02bc93 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bc93
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 #02bc93
.
Jump to paint brand: