COLOR #39378E

HEX: #39378E
RGB: (57,55,142)

Color info

#39378E contains mainly blue color. Web safe color of #39378E is #333399 (or #339).

RGB color model

#39378E color RGB value is (57,55,142).

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

RGB channels and saturation

R 57 of 255 = 22%
G 55 of 255 = 22%
B 142 of 255 = 56%

57
55
142

R + G + B ~ 33%. #39378E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
57 + 55 + 142 = 254 (100%)
R 57 of 254 ~ 22.44%
G 55 of 254 ~ 21.65%
B 142 of 254 ~ 55.91%

%22.44
%21.65
%55.91

CMYK color model

#39378E color CMYK value is (60,61,0,44).

  • cyan value is 59.86%
  • magenta value is 61.27%
  • yellow value is 0.00%
  • key color value is 44.31%
CMYK:
(60,61,0,44)
C60M61Y0K44 
(60%,61%,0%,44%)
(0.60/0.61/0.00/0.44)	

CMYK percentages

%59.86
%61.27
%0
%44.31

Codes

Color #39378E in popluar color models

39378E
RGB5755142
HSL241°44.16%38.63%
HSB/HSV241°61.27%55.69%
CMYK59.86%61.27%0.00%
44.31%

Color #39378E in popluar number systems.

HEX39378E
Decimal5755142
Binary11100111011110001110
Octal7167216

Shades and tints

Shades of #39378E

#39378E
(57,55,142)
#343282
(52,50,130)
#2F2D76
(47,45,118)
#2A286A
(42,40,106)
#25235E
(37,35,94)
#201E52
(32,30,82)
#1B1946
(27,25,70)
#16143A
(22,20,58)
#110F2E
(17,15,46)
#0C0A22
(12,10,34)
#070516
(7,5,22)
#000000
(0,0,0)

Tints of #39378E

#39378E
(57,55,142)
#4B4998
(75,73,152)
#5D5BA2
(93,91,162)
#6F6DAC
(111,109,172)
#817FB6
(129,127,182)
#9391C0
(147,145,192)
#A5A3CA
(165,163,202)
#B7B5D4
(183,181,212)
#C9C7DE
(201,199,222)
#DBD9E8
(219,217,232)
#EDEBF2
(237,235,242)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #39378E; }

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

This text font color is #39378E.


Background Color

.myBgColor { background-color: #39378E; }

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

This div background color is #39378E.


Border color

.myBorderColor { border: 1px solid #39378E; }

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

This div border color is #39378E.


Opacity

.myOpacity80 { color: #39378E; opacity: 0.8; }

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

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

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

This text has shadow with #39378E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #39378E on black background.


Color preview on white background

This text has color #39378E on white background.



Black color preview on #39378E background

This text has black color on #39378E background.


White color preview on #39378E background

This text has white color on #39378E background.