Color Charts
RGB
CMYK
RYB
#02bf6e Hex Color CodeThe hexadecimal color code #02bf6e is a medium dark shade of green-cyan. In the RGB color model #02bf6e is comprised of 0.78% red, 74.9% green and 43.14% blue. In the HSL color space #02bf6e has a hue of 154.29 degrees, 97.93% saturation and 37.84% lightness. This color has an approximate wavelength of 523 nm.
#02bf6e Color InformationInverted
#fd4091 25% Saturated
#00c16e Grayscale
#606060
25% Lighter
#02ee89 Original
#02bf6e 25% Darker
#018f52
mediumseagreen
#3cb371 25% Desaturated
#19a76a Web Safe: lime
#00ff00
rgb(2, 191, 110)
rgba(2, 191, 110, 1.0)
red: 0.7843%, yellow: 47.9501%, blue: 74.902%
#02bf6e
180078
-16597138 / 0xff02bf6e
hsl(154, 98%, 38%)
hsla(154, 98%, 38%, 1.0)
hue: 154 (154.2857), saturation: 99 (98.9529), value: 75 (74.902)
X: 21.4703, Y: 38.4003, Z: 21.0322
x: 0.2654, y: 0.4746, Y: 38.4003
L: 68.3146, a: -58.9138, b: 29.7574
L: 68.3146, u: -60.2385, v: 48.7127
L: 68.3146, C: 66.0026, H: 153.2016
L: 61.968, a: -46.5983, b: 23.2543
cyan: 99 (0.9895), magenta: 0 (0), yellow: 42 (0.4241), key: 25 (0.251)
cyan: 99 (0.9922), magenta: 25 (0.251), yellow: 57 (0.5686)
Y: 125.255, I: -86.568, Q: -65.1671
Y: 125.255, U: -7.5065, V: -108.1342
Y: 125.255, Db: -22.923, Dr: 234.36
Y: 123.558, Cb: 120.413, Cr: 50.78
Y: 144.911, Pb: -18.765, Pr: -90.774
2.5G 7/12 approximate; exact match: Munsell 2.5G 7/12 / #20c877
#02bf6e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bf6e to White#02bf6e to Black#02bf6e foreground
<p style="color: #02bf6e; background-color: #000">#02bf6e foreground</p>
#02bf6e background
<p style="background-color: #02bf6e">#02bf6e background</p>
#02bf6e border
<p style="border: #02bf6e 3px solid">#02bf6e border</p>
#02bf6e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bf6e, #fff); background: -webkit-radial-gradient(50% 50%, #02bf6e, #fff); background: -o-radial-gradient(50% 50%, #02bf6e, #fff); background: -ms-radial-gradient(50% 50%, #02bf6e, #fff); background: radial-gradient(50% 50%, #02bf6e, #fff)">#02bf6e radial gradient</p>
#02bf6e linear gradient to complementary #bf0152
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bf6e, #bf0152); background: -webkit-linear-gradient(top, #02bf6e, #bf0152); background: -o-linear-gradient(top, #02bf6e, #bf0152); background: -ms-linear-gradient(top, #02bf6e, #bf0152); background: linear-gradient(top, #02bf6e, #bf0152); color: #000">#02bf6e linear gradient to complementary #bf0152</p>
#02bf6e text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bf6e">#02bf6e text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bf6e 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 #02bf6e.
Jump to paint brand: