COLOR #357367

HEX: #357367 RGB: (53,115,103)

Color info

#357367 contains mainly green and blue colors. Web safe color of #357367 is #336666 (or #366).

RGB color model

#357367 color RGB value is (53,115,103).

RGB: (53,115,103) (21%, 45%, 40%)

RGB channels and saturation

R 53 of 255 = 21%
G 115 of 255 = 45%
B 103 of 255 = 40%

53
115
103

R + G + B ~ 35%. #357367 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 53 + 115 + 103 = 271 (100%)
R 53 of 271 ~ 19.56%
G 115 of 271 ~ 42.44%
B 103 of 271 ~ 38.01'%

%19.56
%42.44
%38.01

CMYK color model

#357367 color CMYK value is (54,0,10,55).

  • cyan value is 53.91%
  • magenta value is 0.00%
  • yellow value is 10.43%
  • key color value is 54.90%

CMYK: (54,0,10,55)
C54M0Y10K55 (54%, 0%, 10%, 55%)
(0.54 / 0.00 / 0.10 / 0.55)

CMYK percentages

%53.91
%0
%10.43
%54.9

Codes

Color #357367 in popluar color models

35 73 67
RGB 53 115 103
HSL 168° 36.90% 32.94%
HSB/HSV 168° 53.91% 45.10%
CMYK 53.91% 0.00% 10.43%
54.90%

Color #357367 in popluar number systems.

HEX 35 73 67
Decimal 53 115 103
Binary 110101 1110011 1100111
Octal 65 163 147

Shades and tints

Shades of #357367

#357367
(53,115,103)
#31695E
(49,105,94)
#2D5F55
(45,95,85)
#29554C
(41,85,76)
#254B43
(37,75,67)
#21413A
(33,65,58)
#1D3731
(29,55,49)
#192D28
(25,45,40)
#15231F
(21,35,31)
#111916
(17,25,22)
#0D0F0D
(13,15,13)
#000000
(0,0,0)

Tints of #357367

#357367
(53,115,103)
#477F74
(71,127,116)
#598B81
(89,139,129)
#6B978E
(107,151,142)
#7DA39B
(125,163,155)
#8FAFA8
(143,175,168)
#A1BBB5
(161,187,181)
#B3C7C2
(179,199,194)
#C5D3CF
(197,211,207)
#D7DFDC
(215,223,220)
#E9EBE9
(233,235,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #357367 color. Also use rgb(53,115,103) instead hex code.

Text Font Color

.myTextColor { color: #357367; }

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

This text font color is #357367.

Background Color

.myBgColor { background-color: #357367; }

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

This div background color is #357367.

Border color

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

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

This div border color is #357367.

Opacity

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

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

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

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

This text has shadow with #357367 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #357367.

Preview

Color preview on black background

This text has color #357367 on black background.


Color preview on white background

This text has color #357367 on white background.


Black color preview on #357367 background

This text has black color on #357367 background.


White color preview on #357367 background

This text has white color on #357367 background.


Related colors

Complementary color

Complementary color for #hex is #CA8C98.


I love getcolorcode.com

Triadic colors

1 #673573 and #736735 with #357367 are triadic colors.

2 #677335 and #733567 with #357367 are triadic colors.