Color #7C96BD

Color info

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

RGB color model

#7C96BD color RGB value is (124,150,189).

red value is 124;
green value is 150;
blue value is 189.

RGB: (124,150,189) (49%, 59%, 74%)

RGB channels and saturation

R 124 of 255 = 49%
G 150 of 255 = 59%
B 189 of 255 = 74%

124

150

189

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

Portions of RGB colors in percentages

R + G + B = 124 + 150 + 189 = 463 (100%)
R 124 of 463 ~ 26.78%
G 150 of 463 ~ 32.4%
B 189 of 463 ~ 40.82'%

%26.78

%32.4

%40.82

CMYK color model

#7C96BD color CMYK value is (34,21,0,26).

cyan value is 34.39%
magenta value is 20.63%
yellow value is 0.00%
key color value is 25.88%

CMYK: (34,21,0,26)
C34M21Y0K26 (34%, 21%, 0%, 26%)
(0.34 / 0.21 / 0.00 / 0.26)

CMYK percentages

%34.39

%20.63

%0

%25.88

Codes

Color #7C96BD in popluar color models

	7C	96	BD
RGB	124	150	189
HSL	216°	32.99%	61.37%
HSB/HSV	216°	34.39%	74.12%
CMYK	34.39%	20.63%	0.00%
CMYK	25.88%

Color #7C96BD in popluar number systems.

HEX	7C	96	BD
Decimal	124	150	189
Binary	1111100	10010110	10111101
Octal	174	226	275

Shades and tints

Shades of #7C96BD

#7C96BD
(124,150,189)

#7189AC
(113,137,172)

#667C9B
(102,124,155)

#5B6F8A
(91,111,138)

#506279
(80,98,121)

#455568
(69,85,104)

#3A4857
(58,72,87)

#2F3B46
(47,59,70)

#242E35
(36,46,53)

#192124
(25,33,36)

#0E1413
(14,20,19)

#000000
(0,0,0)

Tints of #7C96BD

#7C96BD
(124,150,189)

#879FC3
(135,159,195)

#92A8C9
(146,168,201)

#9DB1CF
(157,177,207)

#A8BAD5
(168,186,213)

#B3C3DB
(179,195,219)

#BECCE1
(190,204,225)

#C9D5E7
(201,213,231)

#D4DEED
(212,222,237)

#DFE7F3
(223,231,243)

#EAF0F9
(234,240,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7C96BD color. Also use rgb(124,150,189) instead hex code.

Text Font Color

.myTextColor { color: #7C96BD; }

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

This text font color is #7C96BD.

Background Color

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

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

This div background color is #7C96BD.

Border color

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

This div border color is #7C96BD.

Opacity

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

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

This text has shadow with #7C96BD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7C96BD.