Color #36387D

Color info

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

RGB color model

#36387D color RGB value is (54,56,125).

red value is 54;
green value is 56;
blue value is 125.

RGB:
(54,56,125)
(21%,22%,49%)

RGB channels and saturation

R 54 of 255 = 21%
G 56 of 255 = 22%
B 125 of 255 = 49%

125

R + G + B ~ 31%. #36387D is quite dark color.

Portions of RGB colors in percentages

R + G + B =
54 + 56 + 125 = 235 (100%)
R 54 of 235 ~ 22.98%
G 56 of 235 ~ 23.83%
B 125 of 235 ~ 53.19%

%22.98

%23.83

%53.19

CMYK color model

#36387D color CMYK value is (57,55,0,51).

cyan value is 56.80%
magenta value is 55.20%
yellow value is 0.00%
key color value is 50.98%

CMYK:
(57,55,0,51)
C57M55Y0K51 
(57%,55%,0%,51%)
(0.57/0.55/0.00/0.51)

CMYK percentages

%56.8

%55.2

%50.98

Codes

Color #36387D in popluar color models

	36	38	7D
RGB	54	56	125
HSL	238°	39.66%	35.10%
HSB/HSV	238°	56.80%	49.02%
CMYK	56.80%	55.20%	0.00%
CMYK	50.98%

Color #36387D in popluar number systems.

HEX	36	38	7D
Decimal	54	56	125
Binary	110110	111000	1111101
Octal	66	70	175

Shades and tints

Shades of #36387D

#36387D
(54,56,125)

#323372
(50,51,114)

#2E2E67
(46,46,103)

#2A295C
(42,41,92)

#262451
(38,36,81)

#221F46
(34,31,70)

#1E1A3B
(30,26,59)

#1A1530
(26,21,48)

#161025
(22,16,37)

#120B1A
(18,11,26)

#0E060F
(14,6,15)

#000000
(0,0,0)

Tints of #36387D

#36387D
(54,56,125)

#484A88
(72,74,136)

#5A5C93
(90,92,147)

#6C6E9E
(108,110,158)

#7E80A9
(126,128,169)

#9092B4
(144,146,180)

#A2A4BF
(162,164,191)

#B4B6CA
(180,182,202)

#C6C8D5
(198,200,213)

#D8DAE0
(216,218,224)

#EAECEB
(234,236,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #36387D color. Also use rgb(54,56,125) instead hex code.

Text Font Color

.myTextColor { color: #36387D; }

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

This text font color is #36387D.

Background Color

.myBgColor { background-color: #36387D; }

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

This div background color is #36387D.

Border color

.myBorderColor { border: 1px solid #36387D; }

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

This div border color is #36387D.

Opacity

.myOpacity80 { color: #36387D; opacity: 0.8; }

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

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

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

This text has shadow with #36387D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #36387D.

Preview

Color preview on black background

This text has color #36387D on black background.

Color preview on white background

This text has color #36387D on white background.

Black color preview on #36387D background

This text has black color on #36387D background.

White color preview on #36387D background

This text has white color on #36387D background.