COLOR #417640

HEX: #417640
RGB: (65,118,64)

Color info

#417640 contains red, green and blue colors in about the same proportion. Web safe color of #417640 is #336633 (or #363).

RGB color model

#417640 color RGB value is (65,118,64).

  • red value is 65;
  • green value is 118;
  • blue value is 64.
RGB:
(65,118,64)
(25%,46%,25%)

RGB channels and saturation

R 65 of 255 = 25%
G 118 of 255 = 46%
B 64 of 255 = 25%

65
118
64

R + G + B ~ 32%. #417640 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
65 + 118 + 64 = 247 (100%)
R 65 of 247 ~ 26.32%
G 118 of 247 ~ 47.77%
B 64 of 247 ~ 25.91%

%26.32
%47.77
%25.91

CMYK color model

#417640 color CMYK value is (45,0,46,54).

  • cyan value is 44.92%
  • magenta value is 0.00%
  • yellow value is 45.76%
  • key color value is 53.73%
CMYK:
(45,0,46,54)
C45M0Y46K54 
(45%,0%,46%,54%)
(0.45/0.00/0.46/0.54)	

CMYK percentages

%44.92
%0
%45.76
%53.73

Codes

Color #417640 in popluar color models

417640
RGB6511864
HSL119°29.67%35.69%
HSB/HSV119°45.76%46.27%
CMYK44.92%0.00%45.76%
53.73%

Color #417640 in popluar number systems.

HEX417640
Decimal6511864
Binary100000111101101000000
Octal101166100

Shades and tints

Shades of #417640

#417640
(65,118,64)
#3C6C3B
(60,108,59)
#376236
(55,98,54)
#325831
(50,88,49)
#2D4E2C
(45,78,44)
#284427
(40,68,39)
#233A22
(35,58,34)
#1E301D
(30,48,29)
#192618
(25,38,24)
#141C13
(20,28,19)
#0F120E
(15,18,14)
#000000
(0,0,0)

Tints of #417640

#417640
(65,118,64)
#528251
(82,130,81)
#638E62
(99,142,98)
#749A73
(116,154,115)
#85A684
(133,166,132)
#96B295
(150,178,149)
#A7BEA6
(167,190,166)
#B8CAB7
(184,202,183)
#C9D6C8
(201,214,200)
#DAE2D9
(218,226,217)
#EBEEEA
(235,238,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #417640 color. Also use rgb(65,118,64) instead hex code.

Text Font Color

.myTextColor { color: #417640; }

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

This text font color is #417640.


Background Color

.myBgColor { background-color: #417640; }

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

This div background color is #417640.


Border color

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

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

This div border color is #417640.


Opacity

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

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

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

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

This text has shadow with #417640 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #417640 on black background.


Color preview on white background

This text has color #417640 on white background.



Black color preview on #417640 background

This text has black color on #417640 background.


White color preview on #417640 background

This text has white color on #417640 background.