Color #363874

Color info

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

RGB color model

#363874 color RGB value is (54,56,116).

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

RGB:
(54,56,116)
(21%,22%,45%)

RGB channels and saturation

R 54 of 255 = 21%
G 56 of 255 = 22%
B 116 of 255 = 45%

116

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

Portions of RGB colors in percentages

R + G + B =
54 + 56 + 116 = 226 (100%)
R 54 of 226 ~ 23.89%
G 56 of 226 ~ 24.78%
B 116 of 226 ~ 51.33%

%23.89

%24.78

%51.33

CMYK color model

#363874 color CMYK value is (53,52,0,55).

cyan value is 53.45%
magenta value is 51.72%
yellow value is 0.00%
key color value is 54.51%

CMYK:
(53,52,0,55)
C53M52Y0K55 
(53%,52%,0%,55%)
(0.53/0.52/0.00/0.55)

CMYK percentages

%53.45

%51.72

%54.51

Codes

Color #363874 in popluar color models

	36	38	74
RGB	54	56	116
HSL	238°	36.47%	33.33%
HSB/HSV	238°	53.45%	45.49%
CMYK	53.45%	51.72%	0.00%
CMYK	54.51%

Color #363874 in popluar number systems.

HEX	36	38	74
Decimal	54	56	116
Binary	110110	111000	1110100
Octal	66	70	164

Shades and tints

Shades of #363874

#363874
(54,56,116)

#32336A
(50,51,106)

#2E2E60
(46,46,96)

#2A2956
(42,41,86)

#26244C
(38,36,76)

#221F42
(34,31,66)

#1E1A38
(30,26,56)

#1A152E
(26,21,46)

#161024
(22,16,36)

#120B1A
(18,11,26)

#0E0610
(14,6,16)

#000000
(0,0,0)

Tints of #363874

#363874
(54,56,116)

#484A80
(72,74,128)

#5A5C8C
(90,92,140)

#6C6E98
(108,110,152)

#7E80A4
(126,128,164)

#9092B0
(144,146,176)

#A2A4BC
(162,164,188)

#B4B6C8
(180,182,200)

#C6C8D4
(198,200,212)

#D8DAE0
(216,218,224)

#EAECEC
(234,236,236)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #363874; }

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

This text font color is #363874.

Background Color

.myBgColor { background-color: #363874; }

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

This div background color is #363874.

Border color

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

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

This div border color is #363874.

Opacity

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

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

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

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

This text has shadow with #363874 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #363874.

Preview

Color preview on black background

This text has color #363874 on black background.

Color preview on white background

This text has color #363874 on white background.

Black color preview on #363874 background

This text has black color on #363874 background.

White color preview on #363874 background

This text has white color on #363874 background.