COLOR #8CAE5A

HEX: #8CAE5A RGB: (140,174,90)

Color info

#8CAE5A contains mainly red and green colors. Web safe color of #8CAE5A is #999966 (or #996).

RGB color model

#8CAE5A color RGB value is (140,174,90).

RGB: (140,174,90) (55%, 68%, 35%)

RGB channels and saturation

R 140 of 255 = 55%
G 174 of 255 = 68%
B 90 of 255 = 35%

140
174
90

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

Portions of RGB colors in percentages

R + G + B = 140 + 174 + 90 = 404 (100%)
R 140 of 404 ~ 34.65%
G 174 of 404 ~ 43.07%
B 90 of 404 ~ 22.28'%

%34.65
%43.07
%22.28

CMYK color model

#8CAE5A color CMYK value is (20,0,48,32).

  • cyan value is 19.54%
  • magenta value is 0.00%
  • yellow value is 48.28%
  • key color value is 31.76%

CMYK: (20,0,48,32)
C20M0Y48K32 (20%, 0%, 48%, 32%)
(0.20 / 0.00 / 0.48 / 0.32)

CMYK percentages

%19.54
%0
%48.28
%31.76

Codes

Color #8CAE5A in popluar color models

8C AE 5A
RGB 140 174 90
HSL 84° 34.15% 51.76%
HSB/HSV 84° 48.28% 68.24%
CMYK 19.54% 0.00% 48.28%
31.76%

Color #8CAE5A in popluar number systems.

HEX 8C AE 5A
Decimal 140 174 90
Binary 10001100 10101110 1011010
Octal 214 256 132

Shades and tints

Shades of #8CAE5A

#8CAE5A
(140,174,90)
#809F52
(128,159,82)
#74904A
(116,144,74)
#688142
(104,129,66)
#5C723A
(92,114,58)
#506332
(80,99,50)
#44542A
(68,84,42)
#384522
(56,69,34)
#2C361A
(44,54,26)
#202712
(32,39,18)
#14180A
(20,24,10)
#000000
(0,0,0)

Tints of #8CAE5A

#8CAE5A
(140,174,90)
#96B569
(150,181,105)
#A0BC78
(160,188,120)
#AAC387
(170,195,135)
#B4CA96
(180,202,150)
#BED1A5
(190,209,165)
#C8D8B4
(200,216,180)
#D2DFC3
(210,223,195)
#DCE6D2
(220,230,210)
#E6EDE1
(230,237,225)
#F0F4F0
(240,244,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8CAE5A color. Also use rgb(140,174,90) instead hex code.

Text Font Color

.myTextColor { color: #8CAE5A; }

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

This text font color is #8CAE5A.

Background Color

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

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

This div background color is #8CAE5A.

Border color

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

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

This div border color is #8CAE5A.

Opacity

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

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

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

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

This text has shadow with #8CAE5A color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #8CAE5A.

Preview

Color preview on black background

This text has color #8CAE5A on black background.


Color preview on white background

This text has color #8CAE5A on white background.


Black color preview on #8CAE5A background

This text has black color on #8CAE5A background.


White color preview on #8CAE5A background

This text has white color on #8CAE5A background.


Related colors

Complementary color

Complementary color for #hex is #7351A5.


I love getcolorcode.com

Triadic colors

1 #5A8CAE and #AE5A8C with #8CAE5A are triadic colors.

2 #5AAE8C and #AE8C5A with #8CAE5A are triadic colors.