COLOR #C1B980

HEX: #C1B980
RGB: (193,185,128)

Color info

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

RGB color model

#C1B980 color RGB value is (193,185,128).

  • red value is 193;
  • green value is 185;
  • blue value is 128.
RGB: (193,185,128) (76%,73%,50%)

RGB channels and saturation

R 193 of 255 = 76%
G 185 of 255 = 73%
B 128 of 255 = 50%

193
185
128

R + G + B ~ 66%. #C1B980 is quite light color.

Portions of RGB colors in percentages

R + G + B =
193 + 185 + 128 = 506 (100%)
R 193 of 506 ~ 38.14%
G 185 of 506 ~ 36.56%
B 128 of 506 ~ 25.3%

%38.14
%36.56
%25.3

CMYK color model

#C1B980 color CMYK value is (0,4,34,24).

  • cyan value is 0.00%
  • magenta value is 4.15%
  • yellow value is 33.68%
  • key color value is 24.31%
CMYK: (0,4,34,24) C0M4Y34K24 (0%,4%,34%,24%) (0.00/0.04/0.34/0.24)

CMYK percentages

%0
%4.15
%33.68
%24.31

Codes

Color #C1B980 in popluar color models

C1B980
RGB193185128
HSL53°34.39%62.94%
HSB/HSV53°33.68%75.69%
CMYK0.00%4.15%33.68%
24.31%

Color #C1B980 in popluar number systems.

HEXC1B980
Decimal193185128
Binary110000011011100110000000
Octal301271200

Shades and tints

Shades of #C1B980

#C1B980
(193,185,128)
#B0A975
(176,169,117)
#9F996A
(159,153,106)
#8E895F
(142,137,95)
#7D7954
(125,121,84)
#6C6949
(108,105,73)
#5B593E
(91,89,62)
#4A4933
(74,73,51)
#393928
(57,57,40)
#28291D
(40,41,29)
#171912
(23,25,18)
#000000
(0,0,0)

Tints of #C1B980

#C1B980
(193,185,128)
#C6BF8B
(198,191,139)
#CBC596
(203,197,150)
#D0CBA1
(208,203,161)
#D5D1AC
(213,209,172)
#DAD7B7
(218,215,183)
#DFDDC2
(223,221,194)
#E4E3CD
(228,227,205)
#E9E9D8
(233,233,216)
#EEEFE3
(238,239,227)
#F3F5EE
(243,245,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C1B980 color. Also use rgb(193,185,128) instead hex code.

Text Font Color

.myTextColor { color: #C1B980; }

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

This text font color is #C1B980.


Background Color

.myBgColor { background-color: #C1B980; }

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

This div background color is #C1B980.


Border color

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

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

This div border color is #C1B980.


Opacity

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

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

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

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

This text has shadow with #C1B980 color.

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

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

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


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

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

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


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #C1B980; -webkit-box-shadow:	1px 1px 3px 2px #C1B980; box-shadow:	1px 1px 3px 2px #C1B980; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #C1B980; -webkit-box-shadow: 1px 1px 3px 2px #C1B980; box-shadow:1px 1px 3px 2px #C1B980;">
Div content here</div>
This div box has shadow with color #C1B980.

Preview

Color preview on black background

This text has color #C1B980 on black background.


Color preview on white background

This text has color #C1B980 on white background.



Black color preview on #C1B980 background

This text has black color on #C1B980 background.


White color preview on #C1B980 background

This text has white color on #C1B980 background.