Color #CCB235

Color info

#CCB235 contains mainly red and green colors. Web safe color of #CCB235 is #CC9933 (or #C93).

RGB color model

#CCB235 color RGB value is (204,178,53).

red value is 204;
green value is 178;
blue value is 53.

RGB: (204,178,53) (80%, 70%, 21%)

RGB channels and saturation

R 204 of 255 = 80%
G 178 of 255 = 70%
B 53 of 255 = 21%

204

178

53

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

Portions of RGB colors in percentages

R + G + B = 204 + 178 + 53 = 435 (100%)
R 204 of 435 ~ 46.9%
G 178 of 435 ~ 40.92%
B 53 of 435 ~ 12.18'%

%46.9

%40.92

%12.18

CMYK color model

#CCB235 color CMYK value is (0,13,74,20).

cyan value is 0.00%
magenta value is 12.75%
yellow value is 74.02%
key color value is 20.00%

CMYK: (0,13,74,20)
C0M13Y74K20 (0%, 13%, 74%, 20%)
(0.00 / 0.13 / 0.74 / 0.20)

CMYK percentages

%0

%12.75

%74.02

%20

Codes

Color #CCB235 in popluar color models

	CC	B2	35
RGB	204	178	53
HSL	50°	59.68%	50.39%
HSB/HSV	50°	74.02%	80.00%
CMYK	0.00%	12.75%	74.02%
CMYK	20.00%

Color #CCB235 in popluar number systems.

HEX	CC	B2	35
Decimal	204	178	53
Binary	11001100	10110010	110101
Octal	314	262	65

Shades and tints

Shades of #CCB235

#CCB235
(204,178,53)

#BAA231
(186,162,49)

#A8922D
(168,146,45)

#968229
(150,130,41)

#847225
(132,114,37)

#726221
(114,98,33)

#60521D
(96,82,29)

#4E4219
(78,66,25)

#3C3215
(60,50,21)

#2A2211
(42,34,17)

#18120D
(24,18,13)

#000000
(0,0,0)

Tints of #CCB235

#CCB235
(204,178,53)

#D0B947
(208,185,71)

#D4C059
(212,192,89)

#D8C76B
(216,199,107)

#DCCE7D
(220,206,125)

#E0D58F
(224,213,143)

#E4DCA1
(228,220,161)

#E8E3B3
(232,227,179)

#ECEAC5
(236,234,197)

#F0F1D7
(240,241,215)

#F4F8E9
(244,248,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CCB235 color. Also use rgb(204,178,53) instead hex code.

Text Font Color

.myTextColor { color: #CCB235; }

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

This text font color is #CCB235.

Background Color

.myBgColor { background-color: #CCB235; }

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

This div background color is #CCB235.

Border color

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

This div border color is #CCB235.

Opacity

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

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

This text has shadow with #CCB235 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CCB235.