COLOR #C6620E

HEX: #C6620E
RGB: (198,98,14)

Color info

#C6620E contains mainly red color. Web safe color of #C6620E is #CC6600 (or #C60).

RGB color model

#C6620E color RGB value is (198,98,14).

  • red value is 198;
  • green value is 98;
  • blue value is 14.
RGB:
(198,98,14)
(78%,38%,5%)

RGB channels and saturation

R 198 of 255 = 78%
G 98 of 255 = 38%
B 14 of 255 = 5%

198
98
14

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

Portions of RGB colors in percentages

R + G + B =
198 + 98 + 14 = 310 (100%)
R 198 of 310 ~ 63.87%
G 98 of 310 ~ 31.61%
B 14 of 310 ~ 4.52%

%63.87
%31.61

CMYK color model

#C6620E color CMYK value is (0,51,93,22).

  • cyan value is 0.00%
  • magenta value is 50.51%
  • yellow value is 92.93%
  • key color value is 22.35%
CMYK:
(0,51,93,22)
C0M51Y93K22 
(0%,51%,93%,22%)
(0.00/0.51/0.93/0.22)	

CMYK percentages

%0
%50.51
%92.93
%22.35

Codes

Color #C6620E in popluar color models

C6620E
RGB1989814
HSL27°86.79%41.57%
HSB/HSV27°92.93%77.65%
CMYK0.00%50.51%92.93%
22.35%

Color #C6620E in popluar number systems.

HEXC6620E
Decimal1989814
Binary1100011011000101110
Octal30614216

Shades and tints

Shades of #C6620E

#C6620E
(198,98,14)
#B45A0D
(180,90,13)
#A2520C
(162,82,12)
#904A0B
(144,74,11)
#7E420A
(126,66,10)
#6C3A09
(108,58,9)
#5A3208
(90,50,8)
#482A07
(72,42,7)
#362206
(54,34,6)
#241A05
(36,26,5)
#121204
(18,18,4)
#000000
(0,0,0)

Tints of #C6620E

#C6620E
(198,98,14)
#CB7023
(203,112,35)
#D07E38
(208,126,56)
#D58C4D
(213,140,77)
#DA9A62
(218,154,98)
#DFA877
(223,168,119)
#E4B68C
(228,182,140)
#E9C4A1
(233,196,161)
#EED2B6
(238,210,182)
#F3E0CB
(243,224,203)
#F8EEE0
(248,238,224)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C6620E color. Also use rgb(198,98,14) instead hex code.

Text Font Color

.myTextColor { color: #C6620E; }

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

This text font color is #C6620E.


Background Color

.myBgColor { background-color: #C6620E; }

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

This div background color is #C6620E.


Border color

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

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

This div border color is #C6620E.


Opacity

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

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

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

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

This text has shadow with #C6620E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C6620E on black background.


Color preview on white background

This text has color #C6620E on white background.



Black color preview on #C6620E background

This text has black color on #C6620E background.


White color preview on #C6620E background

This text has white color on #C6620E background.