COLOR #331C73

HEX: #331C73
RGB: (51,28,115)

Color info

#331C73 contains mainly blue color. Web safe color of #331C73 is #333366 (or #336).

RGB color model

#331C73 color RGB value is (51,28,115).

  • red value is 51;
  • green value is 28;
  • blue value is 115.
RGB:
(51,28,115)
(20%,11%,45%)

RGB channels and saturation

R 51 of 255 = 20%
G 28 of 255 = 11%
B 115 of 255 = 45%

51
28
115

R + G + B ~ 25%. #331C73 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
51 + 28 + 115 = 194 (100%)
R 51 of 194 ~ 26.29%
G 28 of 194 ~ 14.43%
B 115 of 194 ~ 59.28%

%26.29
%14.43
%59.28

CMYK color model

#331C73 color CMYK value is (56,76,0,55).

  • cyan value is 55.65%
  • magenta value is 75.65%
  • yellow value is 0.00%
  • key color value is 54.90%
CMYK:
(56,76,0,55)
C56M76Y0K55 
(56%,76%,0%,55%)
(0.56/0.76/0.00/0.55)	

CMYK percentages

%55.65
%75.65
%0
%54.9

Codes

Color #331C73 in popluar color models

331C73
RGB5128115
HSL256°60.84%28.04%
HSB/HSV256°75.65%45.10%
CMYK55.65%75.65%0.00%
54.90%

Color #331C73 in popluar number systems.

HEX331C73
Decimal5128115
Binary110011111001110011
Octal6334163

Shades and tints

Shades of #331C73

#331C73
(51,28,115)
#2F1A69
(47,26,105)
#2B185F
(43,24,95)
#271655
(39,22,85)
#23144B
(35,20,75)
#1F1241
(31,18,65)
#1B1037
(27,16,55)
#170E2D
(23,14,45)
#130C23
(19,12,35)
#0F0A19
(15,10,25)
#0B080F
(11,8,15)
#000000
(0,0,0)

Tints of #331C73

#331C73
(51,28,115)
#45307F
(69,48,127)
#57448B
(87,68,139)
#695897
(105,88,151)
#7B6CA3
(123,108,163)
#8D80AF
(141,128,175)
#9F94BB
(159,148,187)
#B1A8C7
(177,168,199)
#C3BCD3
(195,188,211)
#D5D0DF
(213,208,223)
#E7E4EB
(231,228,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #331C73 color. Also use rgb(51,28,115) instead hex code.

Text Font Color

.myTextColor { color: #331C73; }

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

This text font color is #331C73.


Background Color

.myBgColor { background-color: #331C73; }

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

This div background color is #331C73.


Border color

.myBorderColor { border: 1px solid #331C73; }

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

This div border color is #331C73.


Opacity

.myOpacity80 { color: #331C73; opacity: 0.8; }

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

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

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

This text has shadow with #331C73 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #331C73 on black background.


Color preview on white background

This text has color #331C73 on white background.



Black color preview on #331C73 background

This text has black color on #331C73 background.


White color preview on #331C73 background

This text has white color on #331C73 background.