COLOR #5B7552

HEX: #5B7552 RGB: (91,117,82)

Color info

#5B7552 contains red, green and blue colors in about the same proportion. Web safe color of #5B7552 is #666666 (or #666).

RGB color model

#5B7552 color RGB value is (91,117,82).

RGB: (91,117,82) (36%, 46%, 32%)

RGB channels and saturation

R 91 of 255 = 36%
G 117 of 255 = 46%
B 82 of 255 = 32%

91
117
82

R + G + B ~ 38%. #5B7552 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 91 + 117 + 82 = 290 (100%)
R 91 of 290 ~ 31.38%
G 117 of 290 ~ 40.34%
B 82 of 290 ~ 28.28'%

%31.38
%40.34
%28.28

CMYK color model

#5B7552 color CMYK value is (22,0,30,54).

  • cyan value is 22.22%
  • magenta value is 0.00%
  • yellow value is 29.91%
  • key color value is 54.12%

CMYK: (22,0,30,54)
C22M0Y30K54 (22%, 0%, 30%, 54%)
(0.22 / 0.00 / 0.30 / 0.54)

CMYK percentages

%22.22
%0
%29.91
%54.12

Codes

Color #5B7552 in popluar color models

5B 75 52
RGB 91 117 82
HSL 105° 17.59% 39.02%
HSB/HSV 105° 29.91% 45.88%
CMYK 22.22% 0.00% 29.91%
54.12%

Color #5B7552 in popluar number systems.

HEX 5B 75 52
Decimal 91 117 82
Binary 1011011 1110101 1010010
Octal 133 165 122

Shades and tints

Shades of #5B7552

#5B7552
(91,117,82)
#536B4B
(83,107,75)
#4B6144
(75,97,68)
#43573D
(67,87,61)
#3B4D36
(59,77,54)
#33432F
(51,67,47)
#2B3928
(43,57,40)
#232F21
(35,47,33)
#1B251A
(27,37,26)
#131B13
(19,27,19)
#0B110C
(11,17,12)
#000000
(0,0,0)

Tints of #5B7552

#5B7552
(91,117,82)
#698161
(105,129,97)
#778D70
(119,141,112)
#85997F
(133,153,127)
#93A58E
(147,165,142)
#A1B19D
(161,177,157)
#AFBDAC
(175,189,172)
#BDC9BB
(189,201,187)
#CBD5CA
(203,213,202)
#D9E1D9
(217,225,217)
#E7EDE8
(231,237,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5B7552 color. Also use rgb(91,117,82) instead hex code.

Text Font Color

.myTextColor { color: #5B7552; }

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

This text font color is #5B7552.

Background Color

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

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

This div background color is #5B7552.

Border color

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

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

This div border color is #5B7552.

Opacity

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

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

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

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

This text has shadow with #5B7552 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #5B7552.

Preview

Color preview on black background

This text has color #5B7552 on black background.


Color preview on white background

This text has color #5B7552 on white background.


Black color preview on #5B7552 background

This text has black color on #5B7552 background.


White color preview on #5B7552 background

This text has white color on #5B7552 background.


Related colors

Complementary color

Complementary color for #hex is #A48AAD.


I love getcolorcode.com

Triadic colors

1 #525B75 and #75525B with #5B7552 are triadic colors.

2 #52755B and #755B52 with #5B7552 are triadic colors.