Color #628379

Color info

#628379 contains red, green and blue colors in about the same proportion. Web safe color of #628379 is #669966 (or #696).

RGB color model

#628379 color RGB value is (98,131,121).

red value is 98;
green value is 131;
blue value is 121.

RGB: (98,131,121) (38%,51%,47%)

RGB channels and saturation

R 98 of 255 = 38%
G 131 of 255 = 51%
B 121 of 255 = 47%

131

121

R + G + B ~ 45%. #628379 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
98 + 131 + 121 = 350 (100%)
R 98 of 350 ~ 28%
G 131 of 350 ~ 37.43%
B 121 of 350 ~ 34.57%

%28

%37.43

%34.57

CMYK color model

#628379 color CMYK value is (25,0,8,49).

cyan value is 25.19%
magenta value is 0.00%
yellow value is 7.63%
key color value is 48.63%

CMYK: (25,0,8,49) C25M0Y8K49 (25%,0%,8%,49%) (0.25/0.00/0.08/0.49)

CMYK percentages

%25.19

%7.63

%48.63

Codes

Color #628379 in popluar color models

	62	83	79
RGB	98	131	121
HSL	162°	14.41%	44.90%
HSB/HSV	162°	25.19%	51.37%
CMYK	25.19%	0.00%	7.63%
CMYK	48.63%

Color #628379 in popluar number systems.

HEX	62	83	79
Decimal	98	131	121
Binary	1100010	10000011	1111001
Octal	142	203	171

Shades and tints

Shades of #628379

#628379
(98,131,121)

#5A786E
(90,120,110)

#526D63
(82,109,99)

#4A6258
(74,98,88)

#42574D
(66,87,77)

#3A4C42
(58,76,66)

#324137
(50,65,55)

#2A362C
(42,54,44)

#222B21
(34,43,33)

#1A2016
(26,32,22)

#12150B
(18,21,11)

#000000
(0,0,0)

Tints of #628379

#628379
(98,131,121)

#708E85
(112,142,133)

#7E9991
(126,153,145)

#8CA49D
(140,164,157)

#9AAFA9
(154,175,169)

#A8BAB5
(168,186,181)

#B6C5C1
(182,197,193)

#C4D0CD
(196,208,205)

#D2DBD9
(210,219,217)

#E0E6E5
(224,230,229)

#EEF1F1
(238,241,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #628379 color. Also use rgb(98,131,121) instead hex code.

Text Font Color

.myTextColor { color: #628379; }

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

This text font color is #628379.

Background Color

.myBgColor { background-color: #628379; }

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

This div background color is #628379.

Border color

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

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

This div border color is #628379.

Opacity

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

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

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

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

This text has shadow with #628379 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #628379; -webkit-box-shadow:	1px 1px 3px 2px #628379; box-shadow:	1px 1px 3px 2px #628379; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #628379; -webkit-box-shadow: 1px 1px 3px 2px #628379; box-shadow:1px 1px 3px 2px #628379;">
Div content here</div>

This div box has shadow with color #628379.

Preview

Color preview on black background

This text has color #628379 on black background.

Color preview on white background

This text has color #628379 on white background.

Black color preview on #628379 background

This text has black color on #628379 background.

White color preview on #628379 background

This text has white color on #628379 background.