Color #7F8BC5

Color info

#7F8BC5 contains mainly green and blue colors. Web safe color of #7F8BC5 is #6699CC (or #69C).

RGB color model

#7F8BC5 color RGB value is (127,139,197).

red value is 127;
green value is 139;
blue value is 197.

RGB: (127,139,197) (50%, 55%, 77%)

RGB channels and saturation

R 127 of 255 = 50%
G 139 of 255 = 55%
B 197 of 255 = 77%

127

139

197

R + G + B ~ 61%. #7F8BC5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 127 + 139 + 197 = 463 (100%)
R 127 of 463 ~ 27.43%
G 139 of 463 ~ 30.02%
B 197 of 463 ~ 42.55'%

%27.43

%30.02

%42.55

CMYK color model

#7F8BC5 color CMYK value is (36,29,0,23).

cyan value is 35.53%
magenta value is 29.44%
yellow value is 0.00%
key color value is 22.75%

CMYK: (36,29,0,23)
C36M29Y0K23 (36%, 29%, 0%, 23%)
(0.36 / 0.29 / 0.00 / 0.23)

CMYK percentages

%35.53

%29.44

%0

%22.75

Codes

Color #7F8BC5 in popluar color models

	7F	8B	C5
RGB	127	139	197
HSL	230°	37.63%	63.53%
HSB/HSV	230°	35.53%	77.25%
CMYK	35.53%	29.44%	0.00%
CMYK	22.75%

Color #7F8BC5 in popluar number systems.

HEX	7F	8B	C5
Decimal	127	139	197
Binary	1111111	10001011	11000101
Octal	177	213	305

Shades and tints

Shades of #7F8BC5

#7F8BC5
(127,139,197)

#747FB4
(116,127,180)

#6973A3
(105,115,163)

#5E6792
(94,103,146)

#535B81
(83,91,129)

#484F70
(72,79,112)

#3D435F
(61,67,95)

#32374E
(50,55,78)

#272B3D
(39,43,61)

#1C1F2C
(28,31,44)

#11131B
(17,19,27)

#000000
(0,0,0)

Tints of #7F8BC5

#7F8BC5
(127,139,197)

#8A95CA
(138,149,202)

#959FCF
(149,159,207)

#A0A9D4
(160,169,212)

#ABB3D9
(171,179,217)

#B6BDDE
(182,189,222)

#C1C7E3
(193,199,227)

#CCD1E8
(204,209,232)

#D7DBED
(215,219,237)

#E2E5F2
(226,229,242)

#EDEFF7
(237,239,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F8BC5 color. Also use rgb(127,139,197) instead hex code.

Text Font Color

.myTextColor { color: #7F8BC5; }

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

This text font color is #7F8BC5.

Background Color

.myBgColor { background-color: #7F8BC5; }

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

This div background color is #7F8BC5.

Border color

.myBorderColor { border: 1px solid #7F8BC5; }

This div border color is #7F8BC5.

Opacity

.myOpacity80 { color: #7F8BC5; opacity: 0.8; }

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

This text has shadow with #7F8BC5 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7F8BC5.