COLOR #373964

HEX: #373964
RGB: (55,57,100)

Color info

#373964 contains red, green and blue colors in about the same proportion. Web safe color of #373964 is #333366 (or #336).

RGB color model

#373964 color RGB value is (55,57,100).

  • red value is 55;
  • green value is 57;
  • blue value is 100.
RGB:
(55,57,100)
(22%,22%,39%)

RGB channels and saturation

R 55 of 255 = 22%
G 57 of 255 = 22%
B 100 of 255 = 39%

55
57
100

R + G + B ~ 28%. #373964 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
55 + 57 + 100 = 212 (100%)
R 55 of 212 ~ 25.94%
G 57 of 212 ~ 26.89%
B 100 of 212 ~ 47.17%

%25.94
%26.89
%47.17

CMYK color model

#373964 color CMYK value is (45,43,0,61).

  • cyan value is 45.00%
  • magenta value is 43.00%
  • yellow value is 0.00%
  • key color value is 60.78%
CMYK:
(45,43,0,61)
C45M43Y0K61 
(45%,43%,0%,61%)
(0.45/0.43/0.00/0.61)	

CMYK percentages

%45
%43
%0
%60.78

Codes

Color #373964 in popluar color models

373964
RGB5557100
HSL237°29.03%30.39%
HSB/HSV237°45.00%39.22%
CMYK45.00%43.00%0.00%
60.78%

Color #373964 in popluar number systems.

HEX373964
Decimal5557100
Binary1101111110011100100
Octal6771144

Shades and tints

Shades of #373964

#373964
(55,57,100)
#32345B
(50,52,91)
#2D2F52
(45,47,82)
#282A49
(40,42,73)
#232540
(35,37,64)
#1E2037
(30,32,55)
#191B2E
(25,27,46)
#141625
(20,22,37)
#0F111C
(15,17,28)
#0A0C13
(10,12,19)
#05070A
(5,7,10)
#000000
(0,0,0)

Tints of #373964

#373964
(55,57,100)
#494B72
(73,75,114)
#5B5D80
(91,93,128)
#6D6F8E
(109,111,142)
#7F819C
(127,129,156)
#9193AA
(145,147,170)
#A3A5B8
(163,165,184)
#B5B7C6
(181,183,198)
#C7C9D4
(199,201,212)
#D9DBE2
(217,219,226)
#EBEDF0
(235,237,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #373964 color. Also use rgb(55,57,100) instead hex code.

Text Font Color

.myTextColor { color: #373964; }

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

This text font color is #373964.


Background Color

.myBgColor { background-color: #373964; }

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

This div background color is #373964.


Border color

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

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

This div border color is #373964.


Opacity

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

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

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

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

This text has shadow with #373964 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #373964 on black background.


Color preview on white background

This text has color #373964 on white background.



Black color preview on #373964 background

This text has black color on #373964 background.


White color preview on #373964 background

This text has white color on #373964 background.