COLOR #608A63

HEX: #608A63
RGB: (96,138,99)

Color info

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

RGB color model

#608A63 color RGB value is (96,138,99).

  • red value is 96;
  • green value is 138;
  • blue value is 99.
RGB:
(96,138,99)
(38%,54%,39%)

RGB channels and saturation

R 96 of 255 = 38%
G 138 of 255 = 54%
B 99 of 255 = 39%

96
138
99

R + G + B ~ 44%. #608A63 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
96 + 138 + 99 = 333 (100%)
R 96 of 333 ~ 28.83%
G 138 of 333 ~ 41.44%
B 99 of 333 ~ 29.73%

%28.83
%41.44
%29.73

CMYK color model

#608A63 color CMYK value is (30,0,28,46).

  • cyan value is 30.43%
  • magenta value is 0.00%
  • yellow value is 28.26%
  • key color value is 45.88%
CMYK:
(30,0,28,46)
C30M0Y28K46 
(30%,0%,28%,46%)
(0.30/0.00/0.28/0.46)	

CMYK percentages

%30.43
%0
%28.26
%45.88

Codes

Color #608A63 in popluar color models

608A63
RGB9613899
HSL124°17.95%45.88%
HSB/HSV124°30.43%54.12%
CMYK30.43%0.00%28.26%
45.88%

Color #608A63 in popluar number systems.

HEX608A63
Decimal9613899
Binary1100000100010101100011
Octal140212143

Shades and tints

Shades of #608A63

#608A63
(96,138,99)
#587E5A
(88,126,90)
#507251
(80,114,81)
#486648
(72,102,72)
#405A3F
(64,90,63)
#384E36
(56,78,54)
#30422D
(48,66,45)
#283624
(40,54,36)
#202A1B
(32,42,27)
#181E12
(24,30,18)
#101209
(16,18,9)
#000000
(0,0,0)

Tints of #608A63

#608A63
(96,138,99)
#6E9471
(110,148,113)
#7C9E7F
(124,158,127)
#8AA88D
(138,168,141)
#98B29B
(152,178,155)
#A6BCA9
(166,188,169)
#B4C6B7
(180,198,183)
#C2D0C5
(194,208,197)
#D0DAD3
(208,218,211)
#DEE4E1
(222,228,225)
#ECEEEF
(236,238,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #608A63 color. Also use rgb(96,138,99) instead hex code.

Text Font Color

.myTextColor { color: #608A63; }

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

This text font color is #608A63.


Background Color

.myBgColor { background-color: #608A63; }

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

This div background color is #608A63.


Border color

.myBorderColor { border: 1px solid #608A63; }

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

This div border color is #608A63.


Opacity

.myOpacity80 { color: #608A63; opacity: 0.8; }

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

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

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

This text has shadow with #608A63 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #608A63 on black background.


Color preview on white background

This text has color #608A63 on white background.



Black color preview on #608A63 background

This text has black color on #608A63 background.


White color preview on #608A63 background

This text has white color on #608A63 background.