COLOR #8A9421

HEX: #8A9421
RGB: (138,148,33)

Color info

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

RGB color model

#8A9421 color RGB value is (138,148,33).

  • red value is 138;
  • green value is 148;
  • blue value is 33.
RGB:
(138,148,33)
(54%,58%,13%)

RGB channels and saturation

R 138 of 255 = 54%
G 148 of 255 = 58%
B 33 of 255 = 13%

138
148
33

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

Portions of RGB colors in percentages

R + G + B =
138 + 148 + 33 = 319 (100%)
R 138 of 319 ~ 43.26%
G 148 of 319 ~ 46.39%
B 33 of 319 ~ 10.34%

%43.26
%46.39
%10.34

CMYK color model

#8A9421 color CMYK value is (7,0,78,42).

  • cyan value is 6.76%
  • magenta value is 0.00%
  • yellow value is 77.70%
  • key color value is 41.96%
CMYK:
(7,0,78,42)
C7M0Y78K42 
(7%,0%,78%,42%)
(0.07/0.00/0.78/0.42)	

CMYK percentages

%6.76
%0
%77.7
%41.96

Codes

Color #8A9421 in popluar color models

8A9421
RGB13814833
HSL65°63.54%35.49%
HSB/HSV65°77.70%58.04%
CMYK6.76%0.00%77.70%
41.96%

Color #8A9421 in popluar number systems.

HEX8A9421
Decimal13814833
Binary1000101010010100100001
Octal21222441

Shades and tints

Shades of #8A9421

#8A9421
(138,148,33)
#7E871E
(126,135,30)
#727A1B
(114,122,27)
#666D18
(102,109,24)
#5A6015
(90,96,21)
#4E5312
(78,83,18)
#42460F
(66,70,15)
#36390C
(54,57,12)
#2A2C09
(42,44,9)
#1E1F06
(30,31,6)
#121203
(18,18,3)
#000000
(0,0,0)

Tints of #8A9421

#8A9421
(138,148,33)
#949D35
(148,157,53)
#9EA649
(158,166,73)
#A8AF5D
(168,175,93)
#B2B871
(178,184,113)
#BCC185
(188,193,133)
#C6CA99
(198,202,153)
#D0D3AD
(208,211,173)
#DADCC1
(218,220,193)
#E4E5D5
(228,229,213)
#EEEEE9
(238,238,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8A9421 color. Also use rgb(138,148,33) instead hex code.

Text Font Color

.myTextColor { color: #8A9421; }

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

This text font color is #8A9421.


Background Color

.myBgColor { background-color: #8A9421; }

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

This div background color is #8A9421.


Border color

.myBorderColor { border: 1px solid #8A9421; }

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

This div border color is #8A9421.


Opacity

.myOpacity80 { color: #8A9421; opacity: 0.8; }

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

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

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

This text has shadow with #8A9421 color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #8A9421;
-webkit-box-shadow: 1px 1px 3px 2px #8A9421;
box-shadow:1px 1px 3px 2px #8A9421;">
Div content here</div>
This div box has shadow with color #8A9421.

Preview

Color preview on black background

This text has color #8A9421 on black background.


Color preview on white background

This text has color #8A9421 on white background.



Black color preview on #8A9421 background

This text has black color on #8A9421 background.


White color preview on #8A9421 background

This text has white color on #8A9421 background.