Color #AEB243

Color info

#AEB243 contains mainly red and green colors. Web safe color of #AEB243 is #999933 (or #993).

RGB color model

#AEB243 color RGB value is (174,178,67).

red value is 174;
green value is 178;
blue value is 67.

RGB:
(174,178,67)
(68%,70%,26%)

RGB channels and saturation

R 174 of 255 = 68%
G 178 of 255 = 70%
B 67 of 255 = 26%

174

178

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

Portions of RGB colors in percentages

R + G + B =
174 + 178 + 67 = 419 (100%)
R 174 of 419 ~ 41.53%
G 178 of 419 ~ 42.48%
B 67 of 419 ~ 15.99%

%41.53

%42.48

%15.99

CMYK color model

#AEB243 color CMYK value is (2,0,62,30).

cyan value is 2.25%
magenta value is 0.00%
yellow value is 62.36%
key color value is 30.20%

CMYK:
(2,0,62,30)
C2M0Y62K30 
(2%,0%,62%,30%)
(0.02/0.00/0.62/0.30)

CMYK percentages

%2.25

%62.36

%30.2

Codes

Color #AEB243 in popluar color models

	AE	B2	43
RGB	174	178	67
HSL	62°	45.31%	48.04%
HSB/HSV	62°	62.36%	69.80%
CMYK	2.25%	0.00%	62.36%
CMYK	30.20%

Color #AEB243 in popluar number systems.

HEX	AE	B2	43
Decimal	174	178	67
Binary	10101110	10110010	1000011
Octal	256	262	103

Shades and tints

Shades of #AEB243

#AEB243
(174,178,67)

#9FA23D
(159,162,61)

#909237
(144,146,55)

#818231
(129,130,49)

#72722B
(114,114,43)

#636225
(99,98,37)

#54521F
(84,82,31)

#454219
(69,66,25)

#363213
(54,50,19)

#27220D
(39,34,13)

#181207
(24,18,7)

#000000
(0,0,0)

Tints of #AEB243

#AEB243
(174,178,67)

#B5B954
(181,185,84)

#BCC065
(188,192,101)

#C3C776
(195,199,118)

#CACE87
(202,206,135)

#D1D598
(209,213,152)

#D8DCA9
(216,220,169)

#DFE3BA
(223,227,186)

#E6EACB
(230,234,203)

#EDF1DC
(237,241,220)

#F4F8ED
(244,248,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AEB243 color. Also use rgb(174,178,67) instead hex code.

Text Font Color

.myTextColor { color: #AEB243; }

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

This text font color is #AEB243.

Background Color

.myBgColor { background-color: #AEB243; }

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

This div background color is #AEB243.

Border color

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

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

This div border color is #AEB243.

Opacity

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

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

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

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

This text has shadow with #AEB243 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #AEB243.

Preview

Color preview on black background

This text has color #AEB243 on black background.

Color preview on white background

This text has color #AEB243 on white background.

Black color preview on #AEB243 background

This text has black color on #AEB243 background.

White color preview on #AEB243 background

This text has white color on #AEB243 background.