Color #B4C661

Color info

#B4C661 contains mainly red and green colors. Web safe color of #B4C661 is #CCCC66 (or #CC6).

RGB color model

#B4C661 color RGB value is (180,198,97).

red value is 180;
green value is 198;
blue value is 97.

RGB: (180,198,97) (71%, 78%, 38%)

RGB channels and saturation

R 180 of 255 = 71%
G 198 of 255 = 78%
B 97 of 255 = 38%

180

198

97

R + G + B ~ 62%. #B4C661 is quite light color.

Portions of RGB colors in percentages

R + G + B = 180 + 198 + 97 = 475 (100%)
R 180 of 475 ~ 37.89%
G 198 of 475 ~ 41.68%
B 97 of 475 ~ 20.42'%

%37.89

%41.68

%20.42

CMYK color model

#B4C661 color CMYK value is (9,0,51,22).

cyan value is 9.09%
magenta value is 0.00%
yellow value is 51.01%
key color value is 22.35%

CMYK: (9,0,51,22)
C9M0Y51K22 (9%, 0%, 51%, 22%)
(0.09 / 0.00 / 0.51 / 0.22)

CMYK percentages

%9.09

%0

%51.01

%22.35

Codes

Color #B4C661 in popluar color models

	B4	C6	61
RGB	180	198	97
HSL	71°	46.98%	57.84%
HSB/HSV	71°	51.01%	77.65%
CMYK	9.09%	0.00%	51.01%
CMYK	22.35%

Color #B4C661 in popluar number systems.

HEX	B4	C6	61
Decimal	180	198	97
Binary	10110100	11000110	1100001
Octal	264	306	141

Shades and tints

Shades of #B4C661

#B4C661
(180,198,97)

#A4B459
(164,180,89)

#94A251
(148,162,81)

#849049
(132,144,73)

#747E41
(116,126,65)

#646C39
(100,108,57)

#545A31
(84,90,49)

#444829
(68,72,41)

#343621
(52,54,33)

#242419
(36,36,25)

#141211
(20,18,17)

#000000
(0,0,0)

Tints of #B4C661

#B4C661
(180,198,97)

#BACB6F
(186,203,111)

#C0D07D
(192,208,125)

#C6D58B
(198,213,139)

#CCDA99
(204,218,153)

#D2DFA7
(210,223,167)

#D8E4B5
(216,228,181)

#DEE9C3
(222,233,195)

#E4EED1
(228,238,209)

#EAF3DF
(234,243,223)

#F0F8ED
(240,248,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B4C661 color. Also use rgb(180,198,97) instead hex code.

Text Font Color

.myTextColor { color: #B4C661; }

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

This text font color is #B4C661.

Background Color

.myBgColor { background-color: #B4C661; }

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

This div background color is #B4C661.

Border color

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

This div border color is #B4C661.

Opacity

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

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

This text has shadow with #B4C661 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B4C661.