COLOR #699650

HEX: #699650
RGB: (105,150,80)

Color info

#699650 contains mainly red and green colors. Web safe color of #699650 is #669966 (or #696).

RGB color model

#699650 color RGB value is (105,150,80).

  • red value is 105;
  • green value is 150;
  • blue value is 80.
RGB:
(105,150,80)
(41%,59%,31%)

RGB channels and saturation

R 105 of 255 = 41%
G 150 of 255 = 59%
B 80 of 255 = 31%

105
150
80

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

Portions of RGB colors in percentages

R + G + B =
105 + 150 + 80 = 335 (100%)
R 105 of 335 ~ 31.34%
G 150 of 335 ~ 44.78%
B 80 of 335 ~ 23.88%

%31.34
%44.78
%23.88

CMYK color model

#699650 color CMYK value is (30,0,47,41).

  • cyan value is 30.00%
  • magenta value is 0.00%
  • yellow value is 46.67%
  • key color value is 41.18%
CMYK:
(30,0,47,41)
C30M0Y47K41 
(30%,0%,47%,41%)
(0.30/0.00/0.47/0.41)	

CMYK percentages

%30
%0
%46.67
%41.18

Codes

Color #699650 in popluar color models

699650
RGB10515080
HSL99°30.43%45.10%
HSB/HSV99°46.67%58.82%
CMYK30.00%0.00%46.67%
41.18%

Color #699650 in popluar number systems.

HEX699650
Decimal10515080
Binary1101001100101101010000
Octal151226120

Shades and tints

Shades of #699650

#699650
(105,150,80)
#608949
(96,137,73)
#577C42
(87,124,66)
#4E6F3B
(78,111,59)
#456234
(69,98,52)
#3C552D
(60,85,45)
#334826
(51,72,38)
#2A3B1F
(42,59,31)
#212E18
(33,46,24)
#182111
(24,33,17)
#0F140A
(15,20,10)
#000000
(0,0,0)

Tints of #699650

#699650
(105,150,80)
#769F5F
(118,159,95)
#83A86E
(131,168,110)
#90B17D
(144,177,125)
#9DBA8C
(157,186,140)
#AAC39B
(170,195,155)
#B7CCAA
(183,204,170)
#C4D5B9
(196,213,185)
#D1DEC8
(209,222,200)
#DEE7D7
(222,231,215)
#EBF0E6
(235,240,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #699650 color. Also use rgb(105,150,80) instead hex code.

Text Font Color

.myTextColor { color: #699650; }

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

This text font color is #699650.


Background Color

.myBgColor { background-color: #699650; }

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

This div background color is #699650.


Border color

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

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

This div border color is #699650.


Opacity

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

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

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

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

This text has shadow with #699650 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #699650 on black background.


Color preview on white background

This text has color #699650 on white background.



Black color preview on #699650 background

This text has black color on #699650 background.


White color preview on #699650 background

This text has white color on #699650 background.