COLOR #6E9044

HEX: #6E9044
RGB: (110,144,68)

Color info

#6E9044 contains mainly red and green colors. Web safe color of #6E9044 is #669933 (or #693).

RGB color model

#6E9044 color RGB value is (110,144,68).

  • red value is 110;
  • green value is 144;
  • blue value is 68.
RGB:
(110,144,68)
(43%,56%,27%)

RGB channels and saturation

R 110 of 255 = 43%
G 144 of 255 = 56%
B 68 of 255 = 27%

110
144
68

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

Portions of RGB colors in percentages

R + G + B =
110 + 144 + 68 = 322 (100%)
R 110 of 322 ~ 34.16%
G 144 of 322 ~ 44.72%
B 68 of 322 ~ 21.12%

%34.16
%44.72
%21.12

CMYK color model

#6E9044 color CMYK value is (24,0,53,44).

  • cyan value is 23.61%
  • magenta value is 0.00%
  • yellow value is 52.78%
  • key color value is 43.53%
CMYK:
(24,0,53,44)
C24M0Y53K44 
(24%,0%,53%,44%)
(0.24/0.00/0.53/0.44)	

CMYK percentages

%23.61
%0
%52.78
%43.53

Codes

Color #6E9044 in popluar color models

6E9044
RGB11014468
HSL87°35.85%41.57%
HSB/HSV87°52.78%56.47%
CMYK23.61%0.00%52.78%
43.53%

Color #6E9044 in popluar number systems.

HEX6E9044
Decimal11014468
Binary1101110100100001000100
Octal156220104

Shades and tints

Shades of #6E9044

#6E9044
(110,144,68)
#64833E
(100,131,62)
#5A7638
(90,118,56)
#506932
(80,105,50)
#465C2C
(70,92,44)
#3C4F26
(60,79,38)
#324220
(50,66,32)
#28351A
(40,53,26)
#1E2814
(30,40,20)
#141B0E
(20,27,14)
#0A0E08
(10,14,8)
#000000
(0,0,0)

Tints of #6E9044

#6E9044
(110,144,68)
#7B9A55
(123,154,85)
#88A466
(136,164,102)
#95AE77
(149,174,119)
#A2B888
(162,184,136)
#AFC299
(175,194,153)
#BCCCAA
(188,204,170)
#C9D6BB
(201,214,187)
#D6E0CC
(214,224,204)
#E3EADD
(227,234,221)
#F0F4EE
(240,244,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6E9044 color. Also use rgb(110,144,68) instead hex code.

Text Font Color

.myTextColor { color: #6E9044; }

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

This text font color is #6E9044.


Background Color

.myBgColor { background-color: #6E9044; }

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

This div background color is #6E9044.


Border color

.myBorderColor { border: 1px solid #6E9044; }

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

This div border color is #6E9044.


Opacity

.myOpacity80 { color: #6E9044; opacity: 0.8; }

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

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

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

This text has shadow with #6E9044 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #6E9044 on black background.


Color preview on white background

This text has color #6E9044 on white background.



Black color preview on #6E9044 background

This text has black color on #6E9044 background.


White color preview on #6E9044 background

This text has white color on #6E9044 background.