COLOR #365F5C

HEX: #365F5C RGB: (54,95,92)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#365F5C contains red, green and blue colors in about the same proportion. Web safe color of #365F5C is #336666 (or #366).

RGB color model

#365F5C color RGB value is (54,95,92).

red value is 54;
green value is 95;
blue value is 92.

RGB: (54,95,92) (21%, 37%, 36%)

RGB channels and saturation

R 54 of 255 = 21%
G 95 of 255 = 37%
B 92 of 255 = 36%

R + G + B ~ 31%. #365F5C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 54 + 95 + 92 = 241 (100%)
R 54 of 241 ~ 22.41%
G 95 of 241 ~ 39.42%
B 92 of 241 ~ 38.17'%

%22.41

%39.42

%38.17

CMYK color model

#365F5C color CMYK value is (43,0,3,63).

cyan value is 43.16%
magenta value is 0.00%
yellow value is 3.16%
key color value is 62.75%

CMYK: (43,0,3,63) C43M0Y3K63 (43%,0%,3%,63%) (0.43/0.00/0.03/0.63)

CMYK percentages

%43.16

%3.16

%62.75

Codes

Color #365F5C in popluar color models

	36	5F	5C
RGB	54	95	92
HSL	176°	27.52%	29.22%
HSB/HSV	176°	43.16%	37.25%
CMYK	43.16%	0.00%	3.16%
CMYK	62.75%

Color #365F5C in popluar number systems.

HEX	36	5F	5C
Decimal	54	95	92
Binary	110110	1011111	1011100
Octal	66	137	134

Shades and tints

Shades of #365F5C

#365F5C
(54,95,92)

#325754
(50,87,84)

#2E4F4C
(46,79,76)

#2A4744
(42,71,68)

#263F3C
(38,63,60)

#223734
(34,55,52)

#1E2F2C
(30,47,44)

#1A2724
(26,39,36)

#161F1C
(22,31,28)

#121714
(18,23,20)

#0E0F0C
(14,15,12)

#000000
(0,0,0)

Tints of #365F5C

#365F5C
(54,95,92)

#486D6A
(72,109,106)

#5A7B78
(90,123,120)

#6C8986
(108,137,134)

#7E9794
(126,151,148)

#90A5A2
(144,165,162)

#A2B3B0
(162,179,176)

#B4C1BE
(180,193,190)

#C6CFCC
(198,207,204)

#D8DDDA
(216,221,218)

#EAEBE8
(234,235,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #365F5C color. Also use rgb(54,95,92) instead hex code.

Text Font Color

.myTextColor { color: #365F5C; }

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

This text font color is #365F5C.

Background Color

.myBgColor { background-color: #365F5C; }

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

This div background color is #365F5C.

Border color

.myBorderColor { border: 1px solid #365F5C; }

This div border color is #365F5C.

Opacity

.myOpacity80 { color: #365F5C; opacity: 0.8; }

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

This text has shadow with #365F5C color.

.textShadow {text-shadow: 3px 3px 1px #365F5C', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #365F5C.