Color #CC7814 hex code, color models, shades and preview

Renk bilgisi

#CC7814 contains mainly red color. #CC7814 ‘ nin web güvenlik rengi #CC6600 (ya da #C60) dir.

RGB renk modeli

#CC7814 color RGB value is (204,120,20).

kırmız ton 204;
yeşil ton 120;
mavi ton 20.

RGB:
(204,120,20)
(80%,47%,8%)

RGB bağlantıları ve doygunluk

R 204 of 255 = 80%
G 120 of 255 = 47%
B 20 of 255 = 8%

204

120

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

Yüzdelerle RGB renk parçaları

R + G + B =
204 + 120 + 20 = 344 (100%)
R 204 of 344 ~ 59.3%
G 120 of 344 ~ 34.88%
B 20 of 344 ~ 5.81%

%59.3

%34.88

CMYK RENK MODELİ

#CC7814 rengi CMYK tonu (0,41,90,20).

camgöbeği tonu 0.00%
eflatun tonu 41.18%
sarı tonu 90.20%
ana renk tonu 20.00%

CMYK:
(0,41,90,20)
C0M41Y90K20 
(0%,41%,90%,20%)
(0.00/0.41/0.90/0.20)

CMYK yüzdeleri

%41.18

%90.2

%20

Codes

Color #CC7814 in popluar color models

	CC	78	14
RGB	204	120	20
HSL	33°	82.14%	43.92%
HSB/HSV	33°	90.20%	80.00%
CMYK	0.00%	41.18%	90.20%
CMYK	20.00%

Color #CC7814 in popluar number systems.

HEX	CC	78	14
Decimal	204	120	20
Binary	11001100	1111000	10100
Octal	314	170	24

Shades and tints

Shades of #CC7814

#CC7814
(204,120,20)

#BA6E13
(186,110,19)

#A86412
(168,100,18)

#965A11
(150,90,17)

#845010
(132,80,16)

#72460F
(114,70,15)

#603C0E
(96,60,14)

#4E320D
(78,50,13)

#3C280C
(60,40,12)

#2A1E0B
(42,30,11)

#18140A
(24,20,10)

#000000
(0,0,0)

Tints of #CC7814

#CC7814
(204,120,20)

#D08429
(208,132,41)

#D4903E
(212,144,62)

#D89C53
(216,156,83)

#DCA868
(220,168,104)

#E0B47D
(224,180,125)

#E4C092
(228,192,146)

#E8CCA7
(232,204,167)

#ECD8BC
(236,216,188)

#F0E4D1
(240,228,209)

#F4F0E6
(244,240,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CC7814 color. Also use rgb(204,120,20) instead hex code.

Text Font Color

.myTextColor { color: #CC7814; }

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

This text font color is #CC7814.

Background Color

.myBgColor { background-color: #CC7814; }

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

This div background color is #CC7814.

Border color

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

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

This div border color is #CC7814.

Opacity

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

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

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

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

This text has shadow with #CC7814 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CC7814.

Preview

Color preview on black background

This text has color #CC7814 on black background.

Color preview on white background

This text has color #CC7814 on white background.

Black color preview on #CC7814 background

This text has black color on #CC7814 background.

White color preview on #CC7814 background

This text has white color on #CC7814 background.

COLOR #CC7814