COLOR #C25132

HEX: #C25132
RGB: (194,81,50)

Color info

#C25132 contains mainly red color. Web safe color of #C25132 is #CC6633 (or #C63).

RGB color model

#C25132 color RGB value is (194,81,50).

  • red value is 194;
  • green value is 81;
  • blue value is 50.
RGB:
(194,81,50)
(76%,32%,20%)

RGB channels and saturation

R 194 of 255 = 76%
G 81 of 255 = 32%
B 50 of 255 = 20%

194
81
50

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

Portions of RGB colors in percentages

R + G + B =
194 + 81 + 50 = 325 (100%)
R 194 of 325 ~ 59.69%
G 81 of 325 ~ 24.92%
B 50 of 325 ~ 15.38%

%59.69
%24.92
%15.38

CMYK color model

#C25132 color CMYK value is (0,58,74,24).

  • cyan value is 0.00%
  • magenta value is 58.25%
  • yellow value is 74.23%
  • key color value is 23.92%
CMYK:
(0,58,74,24)
C0M58Y74K24 
(0%,58%,74%,24%)
(0.00/0.58/0.74/0.24)	

CMYK percentages

%0
%58.25
%74.23
%23.92

Codes

Color #C25132 in popluar color models

C25132
RGB1948150
HSL13°59.02%47.84%
HSB/HSV13°74.23%76.08%
CMYK0.00%58.25%74.23%
23.92%

Color #C25132 in popluar number systems.

HEXC25132
Decimal1948150
Binary110000101010001110010
Octal30212162

Shades and tints

Shades of #C25132

#C25132
(194,81,50)
#B14A2E
(177,74,46)
#A0432A
(160,67,42)
#8F3C26
(143,60,38)
#7E3522
(126,53,34)
#6D2E1E
(109,46,30)
#5C271A
(92,39,26)
#4B2016
(75,32,22)
#3A1912
(58,25,18)
#29120E
(41,18,14)
#180B0A
(24,11,10)
#000000
(0,0,0)

Tints of #C25132

#C25132
(194,81,50)
#C76044
(199,96,68)
#CC6F56
(204,111,86)
#D17E68
(209,126,104)
#D68D7A
(214,141,122)
#DB9C8C
(219,156,140)
#E0AB9E
(224,171,158)
#E5BAB0
(229,186,176)
#EAC9C2
(234,201,194)
#EFD8D4
(239,216,212)
#F4E7E6
(244,231,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C25132 color. Also use rgb(194,81,50) instead hex code.

Text Font Color

.myTextColor { color: #C25132; }

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

This text font color is #C25132.


Background Color

.myBgColor { background-color: #C25132; }

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

This div background color is #C25132.


Border color

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

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

This div border color is #C25132.


Opacity

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

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

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

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

This text has shadow with #C25132 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C25132 on black background.


Color preview on white background

This text has color #C25132 on white background.



Black color preview on #C25132 background

This text has black color on #C25132 background.


White color preview on #C25132 background

This text has white color on #C25132 background.