Color #373476

Color info

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

RGB color model

#373476 color RGB value is (55,52,118).

red value is 55;
green value is 52;
blue value is 118.

RGB:
(55,52,118)
(22%,20%,46%)

RGB channels and saturation

R 55 of 255 = 22%
G 52 of 255 = 20%
B 118 of 255 = 46%

118

R + G + B ~ 29%. #373476 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
55 + 52 + 118 = 225 (100%)
R 55 of 225 ~ 24.44%
G 52 of 225 ~ 23.11%
B 118 of 225 ~ 52.44%

%24.44

%23.11

%52.44

CMYK color model

#373476 color CMYK value is (53,56,0,54).

cyan value is 53.39%
magenta value is 55.93%
yellow value is 0.00%
key color value is 53.73%

CMYK:
(53,56,0,54)
C53M56Y0K54 
(53%,56%,0%,54%)
(0.53/0.56/0.00/0.54)

CMYK percentages

%53.39

%55.93

%53.73

Codes

Color #373476 in popluar color models

	37	34	76
RGB	55	52	118
HSL	243°	38.82%	33.33%
HSB/HSV	243°	55.93%	46.27%
CMYK	53.39%	55.93%	0.00%
CMYK	53.73%

Color #373476 in popluar number systems.

HEX	37	34	76
Decimal	55	52	118
Binary	110111	110100	1110110
Octal	67	64	166

Shades and tints

Shades of #373476

#373476
(55,52,118)

#32306C
(50,48,108)

#2D2C62
(45,44,98)

#282858
(40,40,88)

#23244E
(35,36,78)

#1E2044
(30,32,68)

#191C3A
(25,28,58)

#141830
(20,24,48)

#0F1426
(15,20,38)

#0A101C
(10,16,28)

#050C12
(5,12,18)

#000000
(0,0,0)

Tints of #373476

#373476
(55,52,118)

#494682
(73,70,130)

#5B588E
(91,88,142)

#6D6A9A
(109,106,154)

#7F7CA6
(127,124,166)

#918EB2
(145,142,178)

#A3A0BE
(163,160,190)

#B5B2CA
(181,178,202)

#C7C4D6
(199,196,214)

#D9D6E2
(217,214,226)

#EBE8EE
(235,232,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #373476 color. Also use rgb(55,52,118) instead hex code.

Text Font Color

.myTextColor { color: #373476; }

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

This text font color is #373476.

Background Color

.myBgColor { background-color: #373476; }

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

This div background color is #373476.

Border color

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

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

This div border color is #373476.

Opacity

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

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

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

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

This text has shadow with #373476 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #373476.

Preview

Color preview on black background

This text has color #373476 on black background.

Color preview on white background

This text has color #373476 on white background.

Black color preview on #373476 background

This text has black color on #373476 background.

White color preview on #373476 background

This text has white color on #373476 background.