Color #674777

Color info

#674777 contains red, green and blue colors in about the same proportion. Web safe color of #674777 is #663366 (or #636).

RGB color model

#674777 color RGB value is (103,71,119).

red value is 103;
green value is 71;
blue value is 119.

RGB: (103,71,119) (40%, 28%, 47%)

RGB channels and saturation

R 103 of 255 = 40%
G 71 of 255 = 28%
B 119 of 255 = 47%

103

71

119

R + G + B ~ 38%. #674777 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 103 + 71 + 119 = 293 (100%)
R 103 of 293 ~ 35.15%
G 71 of 293 ~ 24.23%
B 119 of 293 ~ 40.61'%

%35.15

%24.23

%40.61

CMYK color model

#674777 color CMYK value is (13,40,0,53).

cyan value is 13.45%
magenta value is 40.34%
yellow value is 0.00%
key color value is 53.33%

CMYK: (13,40,0,53)
C13M40Y0K53 (13%, 40%, 0%, 53%)
(0.13 / 0.40 / 0.00 / 0.53)

CMYK percentages

%13.45

%40.34

%0

%53.33

Codes

Color #674777 in popluar color models

	67	47	77
RGB	103	71	119
HSL	280°	25.26%	37.25%
HSB/HSV	280°	40.34%	46.67%
CMYK	13.45%	40.34%	0.00%
CMYK	53.33%

Color #674777 in popluar number systems.

HEX	67	47	77
Decimal	103	71	119
Binary	1100111	1000111	1110111
Octal	147	107	167

Shades and tints

Shades of #674777

#674777
(103,71,119)

#5E416D
(94,65,109)

#553B63
(85,59,99)

#4C3559
(76,53,89)

#432F4F
(67,47,79)

#3A2945
(58,41,69)

#31233B
(49,35,59)

#281D31
(40,29,49)

#1F1727
(31,23,39)

#16111D
(22,17,29)

#0D0B13
(13,11,19)

#000000
(0,0,0)

Tints of #674777

#674777
(103,71,119)

#745783
(116,87,131)

#81678F
(129,103,143)

#8E779B
(142,119,155)

#9B87A7
(155,135,167)

#A897B3
(168,151,179)

#B5A7BF
(181,167,191)

#C2B7CB
(194,183,203)

#CFC7D7
(207,199,215)

#DCD7E3
(220,215,227)

#E9E7EF
(233,231,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #674777 color. Also use rgb(103,71,119) instead hex code.

Text Font Color

.myTextColor { color: #674777; }

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

This text font color is #674777.

Background Color

.myBgColor { background-color: #674777; }

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

This div background color is #674777.

Border color

.myBorderColor { border: 1px solid #674777; }

This div border color is #674777.

Opacity

.myOpacity80 { color: #674777; opacity: 0.8; }

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

This text has shadow with #674777 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #674777.