#2BBB6F Color Information


In the RGB color space, #2BBB6F is composed of 16.8627% red, 73.3333% green, and 43.5294% blue.

In the CMYK color space, #2BBB6F is composed of 77.01% cyan, 0% magenta, 40.64% yellow, and 26.67% black,

It has a hue angle of 148.3 degrees, a saturation of 62.61%, and a lightness of 45.09%.

The closest websafe color is #33CC66.

#2BBB6F RGB Values

#2BBB6F CMYK Values



#2BBB6F Color Conversion


The hexadecimal color #2BBB6F has RGB values of R:43, G:187, B:111 and CMYK values of C:77.01, M:0, Y:40.64, K:26.67. It has a decimal value of 2866031.


Hexadecimal #2BBB6F #2BBB6F
RGB Decimal 43, 187, 111 rgb(43, 187, 111)
RGB Percent 16.8627, 73.3333, 43.5294 rgb(16.8627%, 73.3333%, 43.5294%)
RGB Proportion 0.1686, 0.7333, 0.4353 rgb(0.1686, 0.7333, 0.4353)
CMYK 77.01, 0, 40.64, 26.67
HSL 148.3ยบ, 62.61, 45.09 hsl(148.3, 62.61%, 45.09%)
Websafe 33CC66 #33CC66
XYZ 21.634, 37.198, 21.079
Yxy 37.198, 0.271, 0.465
CIE-LAB 67.425, -54.309, 28.139
CIE-LCH 67.425, 61.166, 152.61
CIE-LUV 67.425, -55.418, 45.973
Hunter-Lab 60.99, -43.417, 22.202

Color Schemes For #2BBB6F


Colors that go well with #2BBB6F.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #2BBB6F


Colors similar to #2BBB6F.


#2BBB6F Preview


Common HTML and CSS shortcodes for #2BBB6F.

Text with color #2BBB6F


The quick brown fox jumps over the lazy dog.

<div style="color: #2BBB6F;">The quick brown fox jumps over the lazy dog.</div>

#2BBB6F as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #2BBB6F;">The quick brown fox jumps over the lazy dog.</div>

Border with #2BBB6F


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #2BBB6F;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2BBB6F


Linear gradient from #2BBB6F to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2BBB6F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2BBB6F


Radial gradient from #2BBB6F to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2BBB6F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2BBB6F and its Complementary Color


Linear gradient from #2BBB6F to #D44490.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2BBB6F, #D44490);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2BBB6F and its Complementary Color


Radial gradient from #2BBB6F to #D44490.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2BBB6F, #D44490);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2BBB6F; } .background { background-color: #2BBB6F; } .border { border: 1px solid #2BBB6F; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #2BBB6F


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000302 while the lightest tint is #FBFEFC.

Shades


Tints

Random Colors