Color #ABEA31

Color info

#ABEA31 contains mainly green color. Web safe color of #ABEA31 is #99FF33 (or #9F3).

RGB color model

#ABEA31 color RGB value is (171,234,49).

red value is 171;
green value is 234;
blue value is 49.

RGB:
(171,234,49)
(67%,92%,19%)

RGB channels and saturation

R 171 of 255 = 67%
G 234 of 255 = 92%
B 49 of 255 = 19%

171

234

R + G + B ~ 59%. #ABEA31 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
171 + 234 + 49 = 454 (100%)
R 171 of 454 ~ 37.67%
G 234 of 454 ~ 51.54%
B 49 of 454 ~ 10.79%

%37.67

%51.54

%10.79

CMYK color model

#ABEA31 color CMYK value is (27,0,79,8).

cyan value is 26.92%
magenta value is 0.00%
yellow value is 79.06%
key color value is 8.24%

CMYK:
(27,0,79,8)
C27M0Y79K8 
(27%,0%,79%,8%)
(0.27/0.00/0.79/0.08)

CMYK percentages

%26.92

%79.06

%8.24

Codes

Color #ABEA31 in popluar color models

	AB	EA	31
RGB	171	234	49
HSL	80°	81.50%	55.49%
HSB/HSV	80°	79.06%	91.76%
CMYK	26.92%	0.00%	79.06%
CMYK	8.24%

Color #ABEA31 in popluar number systems.

HEX	AB	EA	31
Decimal	171	234	49
Binary	10101011	11101010	110001
Octal	253	352	61

Shades and tints

Shades of #ABEA31

#ABEA31
(171,234,49)

#9CD52D
(156,213,45)

#8DC029
(141,192,41)

#7EAB25
(126,171,37)

#6F9621
(111,150,33)

#60811D
(96,129,29)

#516C19
(81,108,25)

#425715
(66,87,21)

#334211
(51,66,17)

#242D0D
(36,45,13)

#151809
(21,24,9)

#000000
(0,0,0)

Tints of #ABEA31

#ABEA31
(171,234,49)

#B2EB43
(178,235,67)

#B9EC55
(185,236,85)

#C0ED67
(192,237,103)

#C7EE79
(199,238,121)

#CEEF8B
(206,239,139)

#D5F09D
(213,240,157)

#DCF1AF
(220,241,175)

#E3F2C1
(227,242,193)

#EAF3D3
(234,243,211)

#F1F4E5
(241,244,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ABEA31 color. Also use rgb(171,234,49) instead hex code.

Text Font Color

.myTextColor { color: #ABEA31; }

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

This text font color is #ABEA31.

Background Color

.myBgColor { background-color: #ABEA31; }

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

This div background color is #ABEA31.

Border color

.myBorderColor { border: 1px solid #ABEA31; }

<div style="border:3px solid #ABEA31">Div</div>

This div border color is #ABEA31.

Opacity

.myOpacity80 { color: #ABEA31; opacity: 0.8; }

<p style="color:#ABEA31;opacity:0.8;">80%</p>

Text with #ABEA31 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 #ABEA31;}

<p style="text-shadow: 3px 3px 1px #ABEA31">Text here.</p>

This text has shadow with #ABEA31 color.

.textShadow {text-shadow: 3px 3px 1px #ABEA31, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #ABEA31, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#ABEA31, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #ABEA31.

Preview

Color preview on black background

This text has color #ABEA31 on black background.

Color preview on white background

This text has color #ABEA31 on white background.

Black color preview on #ABEA31 background

This text has black color on #ABEA31 background.

White color preview on #ABEA31 background

This text has white color on #ABEA31 background.