Color #C31237

Color info

#C31237 contains mainly red color. Web safe color of #C31237 is #CC0033 (or #C03).

RGB color model

#C31237 color RGB value is (195,18,55).

red value is 195;
green value is 18;
blue value is 55.

RGB:
(195,18,55)
(76%,7%,22%)

RGB channels and saturation

R 195 of 255 = 76%
G 18 of 255 = 7%
B 55 of 255 = 22%

195

R + G + B ~ 35%. #C31237 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
195 + 18 + 55 = 268 (100%)
R 195 of 268 ~ 72.76%
G 18 of 268 ~ 6.72%
B 55 of 268 ~ 20.52%

%72.76

%20.52

CMYK color model

#C31237 color CMYK value is (0,91,72,24).

cyan value is 0.00%
magenta value is 90.77%
yellow value is 71.79%
key color value is 23.53%

CMYK:
(0,91,72,24)
C0M91Y72K24 
(0%,91%,72%,24%)
(0.00/0.91/0.72/0.24)

CMYK percentages

%90.77

%71.79

%23.53

Codes

Color #C31237 in popluar color models

	C3	12	37
RGB	195	18	55
HSL	347°	83.10%	41.76%
HSB/HSV	347°	90.77%	76.47%
CMYK	0.00%	90.77%	71.79%
CMYK	23.53%

Color #C31237 in popluar number systems.

HEX	C3	12	37
Decimal	195	18	55
Binary	11000011	10010	110111
Octal	303	22	67

Shades and tints

Shades of #C31237

#C31237
(195,18,55)

#B21132
(178,17,50)

#A1102D
(161,16,45)

#900F28
(144,15,40)

#7F0E23
(127,14,35)

#6E0D1E
(110,13,30)

#5D0C19
(93,12,25)

#4C0B14
(76,11,20)

#3B0A0F
(59,10,15)

#2A090A
(42,9,10)

#190805
(25,8,5)

#000000
(0,0,0)

Tints of #C31237

#C31237
(195,18,55)

#C82749
(200,39,73)

#CD3C5B
(205,60,91)

#D2516D
(210,81,109)

#D7667F
(215,102,127)

#DC7B91
(220,123,145)

#E190A3
(225,144,163)

#E6A5B5
(230,165,181)

#EBBAC7
(235,186,199)

#F0CFD9
(240,207,217)

#F5E4EB
(245,228,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C31237 color. Also use rgb(195,18,55) instead hex code.

Text Font Color

.myTextColor { color: #C31237; }

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

This text font color is #C31237.

Background Color

.myBgColor { background-color: #C31237; }

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

This div background color is #C31237.

Border color

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

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

This div border color is #C31237.

Opacity

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

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

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

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

This text has shadow with #C31237 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C31237.

Preview

Color preview on black background

This text has color #C31237 on black background.

Color preview on white background

This text has color #C31237 on white background.

Black color preview on #C31237 background

This text has black color on #C31237 background.

White color preview on #C31237 background

This text has white color on #C31237 background.