COLOR #658477

HEX: #658477 RGB: (101,132,119)

Color info

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

RGB color model

#658477 color RGB value is (101,132,119).

RGB: (101,132,119) (40%, 52%, 47%)

RGB channels and saturation

R 101 of 255 = 40%
G 132 of 255 = 52%
B 119 of 255 = 47%

101
132
119

R + G + B ~ 46%. #658477 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 101 + 132 + 119 = 352 (100%)
R 101 of 352 ~ 28.69%
G 132 of 352 ~ 37.5%
B 119 of 352 ~ 33.81'%

%28.69
%37.5
%33.81

CMYK color model

#658477 color CMYK value is (23,0,10,48).

  • cyan value is 23.48%
  • magenta value is 0.00%
  • yellow value is 9.85%
  • key color value is 48.24%

CMYK: (23,0,10,48)
C23M0Y10K48 (23%, 0%, 10%, 48%)
(0.23 / 0.00 / 0.10 / 0.48)

CMYK percentages

%23.48
%0
%9.85
%48.24

Codes

Color #658477 in popluar color models

65 84 77
RGB 101 132 119
HSL 155° 13.30% 45.69%
HSB/HSV 155° 23.48% 51.76%
CMYK 23.48% 0.00% 9.85%
48.24%

Color #658477 in popluar number systems.

HEX 65 84 77
Decimal 101 132 119
Binary 1100101 10000100 1110111
Octal 145 204 167

Shades and tints

Shades of #658477

#658477
(101,132,119)
#5C786D
(92,120,109)
#536C63
(83,108,99)
#4A6059
(74,96,89)
#41544F
(65,84,79)
#384845
(56,72,69)
#2F3C3B
(47,60,59)
#263031
(38,48,49)
#1D2427
(29,36,39)
#14181D
(20,24,29)
#0B0C13
(11,12,19)
#000000
(0,0,0)

Tints of #658477

#658477
(101,132,119)
#738F83
(115,143,131)
#819A8F
(129,154,143)
#8FA59B
(143,165,155)
#9DB0A7
(157,176,167)
#ABBBB3
(171,187,179)
#B9C6BF
(185,198,191)
#C7D1CB
(199,209,203)
#D5DCD7
(213,220,215)
#E3E7E3
(227,231,227)
#F1F2EF
(241,242,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #658477 color. Also use rgb(101,132,119) instead hex code.

Text Font Color

.myTextColor { color: #658477; }

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

This text font color is #658477.

Background Color

.myBgColor { background-color: #658477; }

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

This div background color is #658477.

Border color

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

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

This div border color is #658477.

Opacity

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

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

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

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

This text has shadow with #658477 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #658477.

Preview

Color preview on black background

This text has color #658477 on black background.


Color preview on white background

This text has color #658477 on white background.


Black color preview on #658477 background

This text has black color on #658477 background.


White color preview on #658477 background

This text has white color on #658477 background.


Related colors

Complementary color

Complementary color for #hex is #9A7B88.


I love getcolorcode.com

Triadic colors

1 #776584 and #847765 with #658477 are triadic colors.

2 #778465 and #846577 with #658477 are triadic colors.