Color #2ABE58

Color info

#2ABE58 contains mainly green color. Web safe color of #2ABE58 is #33CC66 (or #3C6).

RGB color model

#2ABE58 color RGB value is (42,190,88).

red value is 42;
green value is 190;
blue value is 88.

RGB: (42,190,88) (16%, 75%, 35%)

RGB channels and saturation

R 42 of 255 = 16%
G 190 of 255 = 75%
B 88 of 255 = 35%

42

190

88

R + G + B ~ 42%. #2ABE58 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 42 + 190 + 88 = 320 (100%)
R 42 of 320 ~ 13.13%
G 190 of 320 ~ 59.38%
B 88 of 320 ~ 27.5'%

%13.13

%59.38

%27.5

CMYK color model

#2ABE58 color CMYK value is (78,0,54,25).

cyan value is 77.89%
magenta value is 0.00%
yellow value is 53.68%
key color value is 25.49%

CMYK: (78,0,54,25)
C78M0Y54K25 (78%, 0%, 54%, 25%)
(0.78 / 0.00 / 0.54 / 0.25)

CMYK percentages

%77.89

%0

%53.68

%25.49

Codes

Color #2ABE58 in popluar color models

	2A	BE	58
RGB	42	190	88
HSL	139°	63.79%	45.49%
HSB/HSV	139°	77.89%	74.51%
CMYK	77.89%	0.00%	53.68%
CMYK	25.49%

Color #2ABE58 in popluar number systems.

HEX	2A	BE	58
Decimal	42	190	88
Binary	101010	10111110	1011000
Octal	52	276	130

Shades and tints

Shades of #2ABE58

#2ABE58
(42,190,88)

#27AD50
(39,173,80)

#249C48
(36,156,72)

#218B40
(33,139,64)

#1E7A38
(30,122,56)

#1B6930
(27,105,48)

#185828
(24,88,40)

#154720
(21,71,32)

#123618
(18,54,24)

#0F2510
(15,37,16)

#0C1408
(12,20,8)

#000000
(0,0,0)

Tints of #2ABE58

#2ABE58
(42,190,88)

#3DC367
(61,195,103)

#50C876
(80,200,118)

#63CD85
(99,205,133)

#76D294
(118,210,148)

#89D7A3
(137,215,163)

#9CDCB2
(156,220,178)

#AFE1C1
(175,225,193)

#C2E6D0
(194,230,208)

#D5EBDF
(213,235,223)

#E8F0EE
(232,240,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2ABE58 color. Also use rgb(42,190,88) instead hex code.

Text Font Color

.myTextColor { color: #2ABE58; }

<p style="color:#2ABE58">This sample text font color is #2ABE58.</p>

This text font color is #2ABE58.

Background Color

.myBgColor { background-color: #2ABE58; }

<div style="background-color:#2ABE58">Inner text</div>

This div background color is #2ABE58.

Border color

.myBorderColor { border: 1px solid #2ABE58; }

This div border color is #2ABE58.

Opacity

.myOpacity80 { color: #2ABE58; opacity: 0.8; }

Text with #2ABE58 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #2ABE58;}

This text has shadow with #2ABE58 color.

.textShadow {text-shadow: 3px 3px 1px #2ABE58', 3px 3px 1px red;}

This text has shadow with #2ABE58 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#2ABE58, Direction=45, Strength=4)}

This text has shadow with #2ABE58 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #2ABE58;
-webkit-box-shadow: 1px 1px 3px 2px #2ABE58;
box-shadow: 1px 1px 3px 2px #2ABE58;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #2ABE58; -webkit-box-shadow: 1px 1px 3px 2px #2ABE58; box-shadow:1px 1px 3px 2px #2ABE58;">
Div content here
</div>

This div box has shadow with color #2ABE58.