COLOR #5F8E67

HEX: #5F8E67 RGB: (95,142,103)

Color info

#5F8E67 contains red, green and blue colors in about the same proportion. Web safe color of #5F8E67 is #669966 (or #696).

RGB color model

#5F8E67 color RGB value is (95,142,103).

RGB: (95,142,103) (37%, 56%, 40%)

RGB channels and saturation

R 95 of 255 = 37%
G 142 of 255 = 56%
B 103 of 255 = 40%

95
142
103

R + G + B ~ 44%. #5F8E67 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 95 + 142 + 103 = 340 (100%)
R 95 of 340 ~ 27.94%
G 142 of 340 ~ 41.76%
B 103 of 340 ~ 30.29'%

%27.94
%41.76
%30.29

CMYK color model

#5F8E67 color CMYK value is (33,0,27,44).

  • cyan value is 33.10%
  • magenta value is 0.00%
  • yellow value is 27.46%
  • key color value is 44.31%

CMYK: (33,0,27,44)
C33M0Y27K44 (33%, 0%, 27%, 44%)
(0.33 / 0.00 / 0.27 / 0.44)

CMYK percentages

%33.1
%0
%27.46
%44.31

Codes

Color #5F8E67 in popluar color models

5F 8E 67
RGB 95 142 103
HSL 130° 19.83% 46.47%
HSB/HSV 130° 33.10% 55.69%
CMYK 33.10% 0.00% 27.46%
44.31%

Color #5F8E67 in popluar number systems.

HEX 5F 8E 67
Decimal 95 142 103
Binary 1011111 10001110 1100111
Octal 137 216 147

Shades and tints

Shades of #5F8E67

#5F8E67
(95,142,103)
#57825E
(87,130,94)
#4F7655
(79,118,85)
#476A4C
(71,106,76)
#3F5E43
(63,94,67)
#37523A
(55,82,58)
#2F4631
(47,70,49)
#273A28
(39,58,40)
#1F2E1F
(31,46,31)
#172216
(23,34,22)
#0F160D
(15,22,13)
#000000
(0,0,0)

Tints of #5F8E67

#5F8E67
(95,142,103)
#6D9874
(109,152,116)
#7BA281
(123,162,129)
#89AC8E
(137,172,142)
#97B69B
(151,182,155)
#A5C0A8
(165,192,168)
#B3CAB5
(179,202,181)
#C1D4C2
(193,212,194)
#CFDECF
(207,222,207)
#DDE8DC
(221,232,220)
#EBF2E9
(235,242,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5F8E67 color. Also use rgb(95,142,103) instead hex code.

Text Font Color

.myTextColor { color: #5F8E67; }

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

This text font color is #5F8E67.

Background Color

.myBgColor { background-color: #5F8E67; }

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

This div background color is #5F8E67.

Border color

.myBorderColor { border: 1px solid #5F8E67; }

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

This div border color is #5F8E67.

Opacity

.myOpacity80 { color: #5F8E67; opacity: 0.8; }

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

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

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

This text has shadow with #5F8E67 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #5F8E67.

Preview

Color preview on black background

This text has color #5F8E67 on black background.


Color preview on white background

This text has color #5F8E67 on white background.


Black color preview on #5F8E67 background

This text has black color on #5F8E67 background.


White color preview on #5F8E67 background

This text has white color on #5F8E67 background.


Related colors

Complementary color

Complementary color for #hex is #A07198.


I love getcolorcode.com

Triadic colors

1 #675F8E and #8E675F with #5F8E67 are triadic colors.

2 #678E5F and #8E5F67 with #5F8E67 are triadic colors.