COLOR #4C2972

HEX: #4C2972
RGB: (76,41,114)

Color info

#4C2972 contains mainly red and blue colors. Web safe color of #4C2972 is #333366 (or #336).

RGB color model

#4C2972 color RGB value is (76,41,114).

  • red value is 76;
  • green value is 41;
  • blue value is 114.
RGB:
(76,41,114)
(30%,16%,45%)

RGB channels and saturation

R 76 of 255 = 30%
G 41 of 255 = 16%
B 114 of 255 = 45%

76
41
114

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

Portions of RGB colors in percentages

R + G + B =
76 + 41 + 114 = 231 (100%)
R 76 of 231 ~ 32.9%
G 41 of 231 ~ 17.75%
B 114 of 231 ~ 49.35%

%32.9
%17.75
%49.35

CMYK color model

#4C2972 color CMYK value is (33,64,0,55).

  • cyan value is 33.33%
  • magenta value is 64.04%
  • yellow value is 0.00%
  • key color value is 55.29%
CMYK:
(33,64,0,55)
C33M64Y0K55 
(33%,64%,0%,55%)
(0.33/0.64/0.00/0.55)	

CMYK percentages

%33.33
%64.04
%0
%55.29

Codes

Color #4C2972 in popluar color models

4C2972
RGB7641114
HSL269°47.10%30.39%
HSB/HSV269°64.04%44.71%
CMYK33.33%64.04%0.00%
55.29%

Color #4C2972 in popluar number systems.

HEX4C2972
Decimal7641114
Binary10011001010011110010
Octal11451162

Shades and tints

Shades of #4C2972

#4C2972
(76,41,114)
#462668
(70,38,104)
#40235E
(64,35,94)
#3A2054
(58,32,84)
#341D4A
(52,29,74)
#2E1A40
(46,26,64)
#281736
(40,23,54)
#22142C
(34,20,44)
#1C1122
(28,17,34)
#160E18
(22,14,24)
#100B0E
(16,11,14)
#000000
(0,0,0)

Tints of #4C2972

#4C2972
(76,41,114)
#5C3C7E
(92,60,126)
#6C4F8A
(108,79,138)
#7C6296
(124,98,150)
#8C75A2
(140,117,162)
#9C88AE
(156,136,174)
#AC9BBA
(172,155,186)
#BCAEC6
(188,174,198)
#CCC1D2
(204,193,210)
#DCD4DE
(220,212,222)
#ECE7EA
(236,231,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4C2972 color. Also use rgb(76,41,114) instead hex code.

Text Font Color

.myTextColor { color: #4C2972; }

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

This text font color is #4C2972.


Background Color

.myBgColor { background-color: #4C2972; }

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

This div background color is #4C2972.


Border color

.myBorderColor { border: 1px solid #4C2972; }

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

This div border color is #4C2972.


Opacity

.myOpacity80 { color: #4C2972; opacity: 0.8; }

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

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

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

This text has shadow with #4C2972 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4C2972 on black background.


Color preview on white background

This text has color #4C2972 on white background.



Black color preview on #4C2972 background

This text has black color on #4C2972 background.


White color preview on #4C2972 background

This text has white color on #4C2972 background.