Color #C54274

Color info

#C54274 contains mainly red color. Web safe color of #C54274 is #CC3366 (or #C36).

RGB color model

#C54274 color RGB value is (197,66,116).

red value is 197;
green value is 66;
blue value is 116.

RGB:
(197,66,116)
(77%,26%,45%)

RGB channels and saturation

R 197 of 255 = 77%
G 66 of 255 = 26%
B 116 of 255 = 45%

197

116

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

Portions of RGB colors in percentages

R + G + B =
197 + 66 + 116 = 379 (100%)
R 197 of 379 ~ 51.98%
G 66 of 379 ~ 17.41%
B 116 of 379 ~ 30.61%

%51.98

%17.41

%30.61

CMYK color model

#C54274 color CMYK value is (0,66,41,23).

cyan value is 0.00%
magenta value is 66.50%
yellow value is 41.12%
key color value is 22.75%

CMYK:
(0,66,41,23)
C0M66Y41K23 
(0%,66%,41%,23%)
(0.00/0.66/0.41/0.23)

CMYK percentages

%66.5

%41.12

%22.75

Codes

Color #C54274 in popluar color models

	C5	42	74
RGB	197	66	116
HSL	337°	53.04%	51.57%
HSB/HSV	337°	66.50%	77.25%
CMYK	0.00%	66.50%	41.12%
CMYK	22.75%

Color #C54274 in popluar number systems.

HEX	C5	42	74
Decimal	197	66	116
Binary	11000101	1000010	1110100
Octal	305	102	164

Shades and tints

Shades of #C54274

#C54274
(197,66,116)

#B43C6A
(180,60,106)

#A33660
(163,54,96)

#923056
(146,48,86)

#812A4C
(129,42,76)

#702442
(112,36,66)

#5F1E38
(95,30,56)

#4E182E
(78,24,46)

#3D1224
(61,18,36)

#2C0C1A
(44,12,26)

#1B0610
(27,6,16)

#000000
(0,0,0)

Tints of #C54274

#C54274
(197,66,116)

#CA5380
(202,83,128)

#CF648C
(207,100,140)

#D47598
(212,117,152)

#D986A4
(217,134,164)

#DE97B0
(222,151,176)

#E3A8BC
(227,168,188)

#E8B9C8
(232,185,200)

#EDCAD4
(237,202,212)

#F2DBE0
(242,219,224)

#F7ECEC
(247,236,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C54274 color. Also use rgb(197,66,116) instead hex code.

Text Font Color

.myTextColor { color: #C54274; }

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

This text font color is #C54274.

Background Color

.myBgColor { background-color: #C54274; }

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

This div background color is #C54274.

Border color

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

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

This div border color is #C54274.

Opacity

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

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

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

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

This text has shadow with #C54274 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #C54274.

Preview

Color preview on black background

This text has color #C54274 on black background.

Color preview on white background

This text has color #C54274 on white background.

Black color preview on #C54274 background

This text has black color on #C54274 background.

White color preview on #C54274 background

This text has white color on #C54274 background.