Color #6955A0

Color info

#6955A0 contains mainly red and blue colors. Web safe color of #6955A0 is #666699 (or #669).

RGB color model

#6955A0 color RGB value is (105,85,160).

red value is 105;
green value is 85;
blue value is 160.

RGB: (105,85,160) (41%, 33%, 63%)

RGB channels and saturation

R 105 of 255 = 41%
G 85 of 255 = 33%
B 160 of 255 = 63%

105

85

160

R + G + B ~ 46%. #6955A0 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 105 + 85 + 160 = 350 (100%)
R 105 of 350 ~ 30%
G 85 of 350 ~ 24.29%
B 160 of 350 ~ 45.71'%

%30

%24.29

%45.71

CMYK color model

#6955A0 color CMYK value is (34,47,0,37).

cyan value is 34.38%
magenta value is 46.88%
yellow value is 0.00%
key color value is 37.25%

CMYK: (34,47,0,37)
C34M47Y0K37 (34%, 47%, 0%, 37%)
(0.34 / 0.47 / 0.00 / 0.37)

CMYK percentages

%34.38

%46.88

%0

%37.25

Codes

Color #6955A0 in popluar color models

	69	55	A0
RGB	105	85	160
HSL	256°	30.61%	48.04%
HSB/HSV	256°	46.88%	62.75%
CMYK	34.38%	46.88%	0.00%
CMYK	37.25%

Color #6955A0 in popluar number systems.

HEX	69	55	A0
Decimal	105	85	160
Binary	1101001	1010101	10100000
Octal	151	125	240

Shades and tints

Shades of #6955A0

#6955A0
(105,85,160)

#604E92
(96,78,146)

#574784
(87,71,132)

#4E4076
(78,64,118)

#453968
(69,57,104)

#3C325A
(60,50,90)

#332B4C
(51,43,76)

#2A243E
(42,36,62)

#211D30
(33,29,48)

#181622
(24,22,34)

#0F0F14
(15,15,20)

#000000
(0,0,0)

Tints of #6955A0

#6955A0
(105,85,160)

#7664A8
(118,100,168)

#8373B0
(131,115,176)

#9082B8
(144,130,184)

#9D91C0
(157,145,192)

#AAA0C8
(170,160,200)

#B7AFD0
(183,175,208)

#C4BED8
(196,190,216)

#D1CDE0
(209,205,224)

#DEDCE8
(222,220,232)

#EBEBF0
(235,235,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6955A0 color. Also use rgb(105,85,160) instead hex code.

Text Font Color

.myTextColor { color: #6955A0; }

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

This text font color is #6955A0.

Background Color

.myBgColor { background-color: #6955A0; }

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

This div background color is #6955A0.

Border color

.myBorderColor { border: 1px solid #6955A0; }

This div border color is #6955A0.

Opacity

.myOpacity80 { color: #6955A0; opacity: 0.8; }

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

This text has shadow with #6955A0 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6955A0.