COLOR #365061

HEX: #365061
RGB: (54,80,97)

Color info

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

RGB color model

#365061 color RGB value is (54,80,97).

  • red value is 54;
  • green value is 80;
  • blue value is 97.
RGB:
(54,80,97)
(21%,31%,38%)

RGB channels and saturation

R 54 of 255 = 21%
G 80 of 255 = 31%
B 97 of 255 = 38%

54
80
97

R + G + B ~ 30%. #365061 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
54 + 80 + 97 = 231 (100%)
R 54 of 231 ~ 23.38%
G 80 of 231 ~ 34.63%
B 97 of 231 ~ 41.99%

%23.38
%34.63
%41.99

CMYK color model

#365061 color CMYK value is (44,18,0,62).

  • cyan value is 44.33%
  • magenta value is 17.53%
  • yellow value is 0.00%
  • key color value is 61.96%
CMYK:
(44,18,0,62)
C44M18Y0K62 
(44%,18%,0%,62%)
(0.44/0.18/0.00/0.62)	

CMYK percentages

%44.33
%17.53
%0
%61.96

Codes

Color #365061 in popluar color models

365061
RGB548097
HSL204°28.48%29.61%
HSB/HSV204°44.33%38.04%
CMYK44.33%17.53%0.00%
61.96%

Color #365061 in popluar number systems.

HEX365061
Decimal548097
Binary11011010100001100001
Octal66120141

Shades and tints

Shades of #365061

#365061
(54,80,97)
#324959
(50,73,89)
#2E4251
(46,66,81)
#2A3B49
(42,59,73)
#263441
(38,52,65)
#222D39
(34,45,57)
#1E2631
(30,38,49)
#1A1F29
(26,31,41)
#161821
(22,24,33)
#121119
(18,17,25)
#0E0A11
(14,10,17)
#000000
(0,0,0)

Tints of #365061

#365061
(54,80,97)
#485F6F
(72,95,111)
#5A6E7D
(90,110,125)
#6C7D8B
(108,125,139)
#7E8C99
(126,140,153)
#909BA7
(144,155,167)
#A2AAB5
(162,170,181)
#B4B9C3
(180,185,195)
#C6C8D1
(198,200,209)
#D8D7DF
(216,215,223)
#EAE6ED
(234,230,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #365061 color. Also use rgb(54,80,97) instead hex code.

Text Font Color

.myTextColor { color: #365061; }

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

This text font color is #365061.


Background Color

.myBgColor { background-color: #365061; }

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

This div background color is #365061.


Border color

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

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

This div border color is #365061.


Opacity

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

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

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

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

This text has shadow with #365061 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #365061 on black background.


Color preview on white background

This text has color #365061 on white background.



Black color preview on #365061 background

This text has black color on #365061 background.


White color preview on #365061 background

This text has white color on #365061 background.