Color #679DAA

Color info

#679DAA contains mainly green and blue colors. Web safe color of #679DAA is #669999 (or #699).

RGB color model

#679DAA color RGB value is (103,157,170).

red value is 103;
green value is 157;
blue value is 170.

RGB:
(103,157,170)
(40%,62%,67%)

RGB channels and saturation

R 103 of 255 = 40%
G 157 of 255 = 62%
B 170 of 255 = 67%

103

157

170

R + G + B ~ 56%. #679DAA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
103 + 157 + 170 = 430 (100%)
R 103 of 430 ~ 23.95%
G 157 of 430 ~ 36.51%
B 170 of 430 ~ 39.53%

%23.95

%36.51

%39.53

CMYK color model

#679DAA color CMYK value is (39,8,0,33).

cyan value is 39.41%
magenta value is 7.65%
yellow value is 0.00%
key color value is 33.33%

CMYK:
(39,8,0,33)
C39M8Y0K33 
(39%,8%,0%,33%)
(0.39/0.08/0.00/0.33)

CMYK percentages

%39.41

%7.65

%33.33

Codes

Color #679DAA in popluar color models

	67	9D	AA
RGB	103	157	170
HSL	192°	28.27%	53.53%
HSB/HSV	192°	39.41%	66.67%
CMYK	39.41%	7.65%	0.00%
CMYK	33.33%

Color #679DAA in popluar number systems.

HEX	67	9D	AA
Decimal	103	157	170
Binary	1100111	10011101	10101010
Octal	147	235	252

Shades and tints

Shades of #679DAA

#679DAA
(103,157,170)

#5E8F9B
(94,143,155)

#55818C
(85,129,140)

#4C737D
(76,115,125)

#43656E
(67,101,110)

#3A575F
(58,87,95)

#314950
(49,73,80)

#283B41
(40,59,65)

#1F2D32
(31,45,50)

#161F23
(22,31,35)

#0D1114
(13,17,20)

#000000
(0,0,0)

Tints of #679DAA

#679DAA
(103,157,170)

#74A5B1
(116,165,177)

#81ADB8
(129,173,184)

#8EB5BF
(142,181,191)

#9BBDC6
(155,189,198)

#A8C5CD
(168,197,205)

#B5CDD4
(181,205,212)

#C2D5DB
(194,213,219)

#CFDDE2
(207,221,226)

#DCE5E9
(220,229,233)

#E9EDF0
(233,237,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #679DAA color. Also use rgb(103,157,170) instead hex code.

Text Font Color

.myTextColor { color: #679DAA; }

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

This text font color is #679DAA.

Background Color

.myBgColor { background-color: #679DAA; }

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

This div background color is #679DAA.

Border color

.myBorderColor { border: 1px solid #679DAA; }

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

This div border color is #679DAA.

Opacity

.myOpacity80 { color: #679DAA; opacity: 0.8; }

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

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

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

This text has shadow with #679DAA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #679DAA.

Preview

Color preview on black background

This text has color #679DAA on black background.

Color preview on white background

This text has color #679DAA on white background.

Black color preview on #679DAA background

This text has black color on #679DAA background.

White color preview on #679DAA background

This text has white color on #679DAA background.