COLOR #747BA1

HEX: #747BA1 RGB: (116,123,161)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#747BA1 contains red, green and blue colors in about the same proportion. Web safe color of #747BA1 is #666699 (or #669).

RGB color model

#747BA1 color RGB value is (116,123,161).

red value is 116;
green value is 123;
blue value is 161.

RGB: (116,123,161) (45%, 48%, 63%)

RGB channels and saturation

R 116 of 255 = 45%
G 123 of 255 = 48%
B 161 of 255 = 63%

116

123

161

R + G + B ~ 52%. #747BA1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 116 + 123 + 161 = 400 (100%)
R 116 of 400 ~ 29%
G 123 of 400 ~ 30.75%
B 161 of 400 ~ 40.25'%

%29

%30.75

%40.25

CMYK color model

#747BA1 color CMYK value is (28,24,0,37).

cyan value is 27.95%
magenta value is 23.60%
yellow value is 0.00%
key color value is 36.86%

CMYK: (28,24,0,37) C28M24Y0K37 (28%,24%,0%,37%) (0.28/0.24/0.00/0.37)

CMYK percentages

%27.95

%23.6

%36.86

Codes

Color #747BA1 in popluar color models

	74	7B	A1
RGB	116	123	161
HSL	231°	19.31%	54.31%
HSB/HSV	231°	27.95%	63.14%
CMYK	27.95%	23.60%	0.00%
CMYK	36.86%

Color #747BA1 in popluar number systems.

HEX	74	7B	A1
Decimal	116	123	161
Binary	1110100	1111011	10100001
Octal	164	173	241

Shades and tints

Shades of #747BA1

#747BA1
(116,123,161)

#6A7093
(106,112,147)

#606585
(96,101,133)

#565A77
(86,90,119)

#4C4F69
(76,79,105)

#42445B
(66,68,91)

#38394D
(56,57,77)

#2E2E3F
(46,46,63)

#242331
(36,35,49)

#1A1823
(26,24,35)

#100D15
(16,13,21)

#000000
(0,0,0)

Tints of #747BA1

#747BA1
(116,123,161)

#8087A9
(128,135,169)

#8C93B1
(140,147,177)

#989FB9
(152,159,185)

#A4ABC1
(164,171,193)

#B0B7C9
(176,183,201)

#BCC3D1
(188,195,209)

#C8CFD9
(200,207,217)

#D4DBE1
(212,219,225)

#E0E7E9
(224,231,233)

#ECF3F1
(236,243,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #747BA1 color. Also use rgb(116,123,161) instead hex code.

Text Font Color

.myTextColor { color: #747BA1; }

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

This text font color is #747BA1.

Background Color

.myBgColor { background-color: #747BA1; }

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

This div background color is #747BA1.

Border color

.myBorderColor { border: 1px solid #747BA1; }

This div border color is #747BA1.

Opacity

.myOpacity80 { color: #747BA1; opacity: 0.8; }

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

This text has shadow with #747BA1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #747BA1.