COLOR #695477

HEX: #695477 RGB: (105,84,119)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#695477 contains red, green and blue colors in about the same proportion. Web safe color of #695477 is #666666 (or #666).

RGB color model

#695477 color RGB value is (105,84,119).

red value is 105;
green value is 84;
blue value is 119.

RGB: (105,84,119) (41%, 33%, 47%)

RGB channels and saturation

R 105 of 255 = 41%
G 84 of 255 = 33%
B 119 of 255 = 47%

105

119

R + G + B ~ 40%. #695477 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 105 + 84 + 119 = 308 (100%)
R 105 of 308 ~ 34.09%
G 84 of 308 ~ 27.27%
B 119 of 308 ~ 38.64'%

%34.09

%27.27

%38.64

CMYK color model

#695477 color CMYK value is (12,29,0,53).

cyan value is 11.76%
magenta value is 29.41%
yellow value is 0.00%
key color value is 53.33%

CMYK: (12,29,0,53) C12M29Y0K53 (12%,29%,0%,53%) (0.12/0.29/0.00/0.53)

CMYK percentages

%11.76

%29.41

%53.33

Codes

Color #695477 in popluar color models

	69	54	77
RGB	105	84	119
HSL	276°	17.24%	39.80%
HSB/HSV	276°	29.41%	46.67%
CMYK	11.76%	29.41%	0.00%
CMYK	53.33%

Color #695477 in popluar number systems.

HEX	69	54	77
Decimal	105	84	119
Binary	1101001	1010100	1110111
Octal	151	124	167

Shades and tints

Shades of #695477

#695477
(105,84,119)

#604D6D
(96,77,109)

#574663
(87,70,99)

#4E3F59
(78,63,89)

#45384F
(69,56,79)

#3C3145
(60,49,69)

#332A3B
(51,42,59)

#2A2331
(42,35,49)

#211C27
(33,28,39)

#18151D
(24,21,29)

#0F0E13
(15,14,19)

#000000
(0,0,0)

Tints of #695477

#695477
(105,84,119)

#766383
(118,99,131)

#83728F
(131,114,143)

#90819B
(144,129,155)

#9D90A7
(157,144,167)

#AA9FB3
(170,159,179)

#B7AEBF
(183,174,191)

#C4BDCB
(196,189,203)

#D1CCD7
(209,204,215)

#DEDBE3
(222,219,227)

#EBEAEF
(235,234,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #695477 color. Also use rgb(105,84,119) instead hex code.

Text Font Color

.myTextColor { color: #695477; }

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

This text font color is #695477.

Background Color

.myBgColor { background-color: #695477; }

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

This div background color is #695477.

Border color

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

This div border color is #695477.

Opacity

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

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

This text has shadow with #695477 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #695477.