COLOR #7CB475

HEX: #7CB475 RGB: (124,180,117)

Color info

#7CB475 contains mainly red and green colors. Web safe color of #7CB475 is #66CC66 (or #6C6).

RGB color model

#7CB475 color RGB value is (124,180,117).

RGB: (124,180,117) (49%, 71%, 46%)

RGB channels and saturation

R 124 of 255 = 49%
G 180 of 255 = 71%
B 117 of 255 = 46%

124
180
117

R + G + B ~ 55%. #7CB475 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 124 + 180 + 117 = 421 (100%)
R 124 of 421 ~ 29.45%
G 180 of 421 ~ 42.76%
B 117 of 421 ~ 27.79'%

%29.45
%42.76
%27.79

CMYK color model

#7CB475 color CMYK value is (31,0,35,29).

  • cyan value is 31.11%
  • magenta value is 0.00%
  • yellow value is 35.00%
  • key color value is 29.41%

CMYK: (31,0,35,29)
C31M0Y35K29 (31%, 0%, 35%, 29%)
(0.31 / 0.00 / 0.35 / 0.29)

CMYK percentages

%31.11
%0
%35
%29.41

Codes

Color #7CB475 in popluar color models

7C B4 75
RGB 124 180 117
HSL 113° 29.58% 58.24%
HSB/HSV 113° 35.00% 70.59%
CMYK 31.11% 0.00% 35.00%
29.41%

Color #7CB475 in popluar number systems.

HEX 7C B4 75
Decimal 124 180 117
Binary 1111100 10110100 1110101
Octal 174 264 165

Shades and tints

Shades of #7CB475

#7CB475
(124,180,117)
#71A46B
(113,164,107)
#669461
(102,148,97)
#5B8457
(91,132,87)
#50744D
(80,116,77)
#456443
(69,100,67)
#3A5439
(58,84,57)
#2F442F
(47,68,47)
#243425
(36,52,37)
#19241B
(25,36,27)
#0E1411
(14,20,17)
#000000
(0,0,0)

Tints of #7CB475

#7CB475
(124,180,117)
#87BA81
(135,186,129)
#92C08D
(146,192,141)
#9DC699
(157,198,153)
#A8CCA5
(168,204,165)
#B3D2B1
(179,210,177)
#BED8BD
(190,216,189)
#C9DEC9
(201,222,201)
#D4E4D5
(212,228,213)
#DFEAE1
(223,234,225)
#EAF0ED
(234,240,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7CB475 color. Also use rgb(124,180,117) instead hex code.

Text Font Color

.myTextColor { color: #7CB475; }

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

This text font color is #7CB475.

Background Color

.myBgColor { background-color: #7CB475; }

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

This div background color is #7CB475.

Border color

.myBorderColor { border: 1px solid #7CB475; }

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

This div border color is #7CB475.

Opacity

.myOpacity80 { color: #7CB475; opacity: 0.8; }

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

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

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

This text has shadow with #7CB475 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #7CB475.

Preview

Color preview on black background

This text has color #7CB475 on black background.


Color preview on white background

This text has color #7CB475 on white background.


Black color preview on #7CB475 background

This text has black color on #7CB475 background.


White color preview on #7CB475 background

This text has white color on #7CB475 background.


Related colors

Complementary color

Complementary color for #hex is #834B8A.


I love getcolorcode.com

Triadic colors

1 #757CB4 and #B4757C with #7CB475 are triadic colors.

2 #75B47C and #B47C75 with #7CB475 are triadic colors.