Color #766ABB

Color info

#766ABB contains mainly blue color. Web safe color of #766ABB is #6666CC (or #66C).

RGB color model

#766ABB color RGB value is (118,106,187).

red value is 118;
green value is 106;
blue value is 187.

RGB: (118,106,187) (46%, 42%, 73%)

RGB channels and saturation

R 118 of 255 = 46%
G 106 of 255 = 42%
B 187 of 255 = 73%

118

106

187

R + G + B ~ 54%. #766ABB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 118 + 106 + 187 = 411 (100%)
R 118 of 411 ~ 28.71%
G 106 of 411 ~ 25.79%
B 187 of 411 ~ 45.5'%

%28.71

%25.79

%45.5

CMYK color model

#766ABB color CMYK value is (37,43,0,27).

cyan value is 36.90%
magenta value is 43.32%
yellow value is 0.00%
key color value is 26.67%

CMYK: (37,43,0,27)
C37M43Y0K27 (37%, 43%, 0%, 27%)
(0.37 / 0.43 / 0.00 / 0.27)

CMYK percentages

%36.9

%43.32

%0

%26.67

Codes

Color #766ABB in popluar color models

	76	6A	BB
RGB	118	106	187
HSL	249°	37.33%	57.45%
HSB/HSV	249°	43.32%	73.33%
CMYK	36.90%	43.32%	0.00%
CMYK	26.67%

Color #766ABB in popluar number systems.

HEX	76	6A	BB
Decimal	118	106	187
Binary	1110110	1101010	10111011
Octal	166	152	273

Shades and tints

Shades of #766ABB

#766ABB
(118,106,187)

#6C61AA
(108,97,170)

#625899
(98,88,153)

#584F88
(88,79,136)

#4E4677
(78,70,119)

#443D66
(68,61,102)

#3A3455
(58,52,85)

#302B44
(48,43,68)

#262233
(38,34,51)

#1C1922
(28,25,34)

#121011
(18,16,17)

#000000
(0,0,0)

Tints of #766ABB

#766ABB
(118,106,187)

#8277C1
(130,119,193)

#8E84C7
(142,132,199)

#9A91CD
(154,145,205)

#A69ED3
(166,158,211)

#B2ABD9
(178,171,217)

#BEB8DF
(190,184,223)

#CAC5E5
(202,197,229)

#D6D2EB
(214,210,235)

#E2DFF1
(226,223,241)

#EEECF7
(238,236,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #766ABB color. Also use rgb(118,106,187) instead hex code.

Text Font Color

.myTextColor { color: #766ABB; }

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

This text font color is #766ABB.

Background Color

.myBgColor { background-color: #766ABB; }

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

This div background color is #766ABB.

Border color

.myBorderColor { border: 1px solid #766ABB; }

This div border color is #766ABB.

Opacity

.myOpacity80 { color: #766ABB; opacity: 0.8; }

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

This text has shadow with #766ABB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #766ABB.