COLOR #C35152

HEX: #C35152
RGB: (195,81,82)

Color info

#C35152 contains mainly red color. Web safe color of #C35152 is #CC6666 (or #C66).

RGB color model

#C35152 color RGB value is (195,81,82).

  • red value is 195;
  • green value is 81;
  • blue value is 82.
RGB:
(195,81,82)
(76%,32%,32%)

RGB channels and saturation

R 195 of 255 = 76%
G 81 of 255 = 32%
B 82 of 255 = 32%

195
81
82

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

Portions of RGB colors in percentages

R + G + B =
195 + 81 + 82 = 358 (100%)
R 195 of 358 ~ 54.47%
G 81 of 358 ~ 22.63%
B 82 of 358 ~ 22.91%

%54.47
%22.63
%22.91

CMYK color model

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

  • cyan value is 0.00%
  • magenta value is 58.46%
  • yellow value is 57.95%
  • key color value is 23.53%
CMYK:
(0,58,58,24)
C0M58Y58K24 
(0%,58%,58%,24%)
(0.00/0.58/0.58/0.24)	

CMYK percentages

%0
%58.46
%57.95
%23.53

Codes

Color #C35152 in popluar color models

C35152
RGB1958182
HSL359°48.72%54.12%
HSB/HSV359°58.46%76.47%
CMYK0.00%58.46%57.95%
23.53%

Color #C35152 in popluar number systems.

HEXC35152
Decimal1958182
Binary1100001110100011010010
Octal303121122

Shades and tints

Shades of #C35152

#C35152
(195,81,82)
#B24A4B
(178,74,75)
#A14344
(161,67,68)
#903C3D
(144,60,61)
#7F3536
(127,53,54)
#6E2E2F
(110,46,47)
#5D2728
(93,39,40)
#4C2021
(76,32,33)
#3B191A
(59,25,26)
#2A1213
(42,18,19)
#190B0C
(25,11,12)
#000000
(0,0,0)

Tints of #C35152

#C35152
(195,81,82)
#C86061
(200,96,97)
#CD6F70
(205,111,112)
#D27E7F
(210,126,127)
#D78D8E
(215,141,142)
#DC9C9D
(220,156,157)
#E1ABAC
(225,171,172)
#E6BABB
(230,186,187)
#EBC9CA
(235,201,202)
#F0D8D9
(240,216,217)
#F5E7E8
(245,231,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C35152 color. Also use rgb(195,81,82) instead hex code.

Text Font Color

.myTextColor { color: #C35152; }

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

This text font color is #C35152.


Background Color

.myBgColor { background-color: #C35152; }

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

This div background color is #C35152.


Border color

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

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

This div border color is #C35152.


Opacity

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

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

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

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

This text has shadow with #C35152 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C35152 on black background.


Color preview on white background

This text has color #C35152 on white background.



Black color preview on #C35152 background

This text has black color on #C35152 background.


White color preview on #C35152 background

This text has white color on #C35152 background.