COLOR #C50818

HEX: #C50818
RGB: (197,8,24)

Color info

#C50818 contains mainly red color. Web safe color of #C50818 is #CC0000 (or #C00).

RGB color model

#C50818 color RGB value is (197,8,24).

  • red value is 197;
  • green value is 8;
  • blue value is 24.
RGB:
(197,8,24)
(77%,3%,9%)

RGB channels and saturation

R 197 of 255 = 77%
G 8 of 255 = 3%
B 24 of 255 = 9%

197
8
24

R + G + B ~ 30%. #C50818 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
197 + 8 + 24 = 229 (100%)
R 197 of 229 ~ 86.03%
G 8 of 229 ~ 3.49%
B 24 of 229 ~ 10.48%

%86.03
%10.48

CMYK color model

#C50818 color CMYK value is (0,96,88,23).

  • cyan value is 0.00%
  • magenta value is 95.94%
  • yellow value is 87.82%
  • key color value is 22.75%
CMYK:
(0,96,88,23)
C0M96Y88K23 
(0%,96%,88%,23%)
(0.00/0.96/0.88/0.23)	

CMYK percentages

%0
%95.94
%87.82
%22.75

Codes

Color #C50818 in popluar color models

C50818
RGB197824
HSL355°92.20%40.20%
HSB/HSV355°95.94%77.25%
CMYK0.00%95.94%87.82%
22.75%

Color #C50818 in popluar number systems.

HEXC50818
Decimal197824
Binary11000101100011000
Octal3051030

Shades and tints

Shades of #C50818

#C50818
(197,8,24)
#B40816
(180,8,22)
#A30814
(163,8,20)
#920812
(146,8,18)
#810810
(129,8,16)
#70080E
(112,8,14)
#5F080C
(95,8,12)
#4E080A
(78,8,10)
#3D0808
(61,8,8)
#2C0806
(44,8,6)
#1B0804
(27,8,4)
#000000
(0,0,0)

Tints of #C50818

#C50818
(197,8,24)
#CA1E2D
(202,30,45)
#CF3442
(207,52,66)
#D44A57
(212,74,87)
#D9606C
(217,96,108)
#DE7681
(222,118,129)
#E38C96
(227,140,150)
#E8A2AB
(232,162,171)
#EDB8C0
(237,184,192)
#F2CED5
(242,206,213)
#F7E4EA
(247,228,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C50818 color. Also use rgb(197,8,24) instead hex code.

Text Font Color

.myTextColor { color: #C50818; }

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

This text font color is #C50818.


Background Color

.myBgColor { background-color: #C50818; }

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

This div background color is #C50818.


Border color

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

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

This div border color is #C50818.


Opacity

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

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

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

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

This text has shadow with #C50818 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C50818 on black background.


Color preview on white background

This text has color #C50818 on white background.



Black color preview on #C50818 background

This text has black color on #C50818 background.


White color preview on #C50818 background

This text has white color on #C50818 background.