Color #976FB5

Color info

#976FB5 contains mainly red and blue colors. Web safe color of #976FB5 is #9966CC (or #96C).

RGB color model

#976FB5 color RGB value is (151,111,181).

red value is 151;
green value is 111;
blue value is 181.

RGB:
(151,111,181)
(59%,44%,71%)

RGB channels and saturation

R 151 of 255 = 59%
G 111 of 255 = 44%
B 181 of 255 = 71%

151

111

181

R + G + B ~ 58%. #976FB5 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
151 + 111 + 181 = 443 (100%)
R 151 of 443 ~ 34.09%
G 111 of 443 ~ 25.06%
B 181 of 443 ~ 40.86%

%34.09

%25.06

%40.86

CMYK color model

#976FB5 color CMYK value is (17,39,0,29).

cyan value is 16.57%
magenta value is 38.67%
yellow value is 0.00%
key color value is 29.02%

CMYK:
(17,39,0,29)
C17M39Y0K29 
(17%,39%,0%,29%)
(0.17/0.39/0.00/0.29)

CMYK percentages

%16.57

%38.67

%29.02

Codes

Color #976FB5 in popluar color models

	97	6F	B5
RGB	151	111	181
HSL	274°	32.11%	57.25%
HSB/HSV	274°	38.67%	70.98%
CMYK	16.57%	38.67%	0.00%
CMYK	29.02%

Color #976FB5 in popluar number systems.

HEX	97	6F	B5
Decimal	151	111	181
Binary	10010111	1101111	10110101
Octal	227	157	265

Shades and tints

Shades of #976FB5

#976FB5
(151,111,181)

#8A65A5
(138,101,165)

#7D5B95
(125,91,149)

#705185
(112,81,133)

#634775
(99,71,117)

#563D65
(86,61,101)

#493355
(73,51,85)

#3C2945
(60,41,69)

#2F1F35
(47,31,53)

#221525
(34,21,37)

#150B15
(21,11,21)

#000000
(0,0,0)

Tints of #976FB5

#976FB5
(151,111,181)

#A07CBB
(160,124,187)

#A989C1
(169,137,193)

#B296C7
(178,150,199)

#BBA3CD
(187,163,205)

#C4B0D3
(196,176,211)

#CDBDD9
(205,189,217)

#D6CADF
(214,202,223)

#DFD7E5
(223,215,229)

#E8E4EB
(232,228,235)

#F1F1F1
(241,241,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #976FB5 color. Also use rgb(151,111,181) instead hex code.

Text Font Color

.myTextColor { color: #976FB5; }

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

This text font color is #976FB5.

Background Color

.myBgColor { background-color: #976FB5; }

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

This div background color is #976FB5.

Border color

.myBorderColor { border: 1px solid #976FB5; }

<div style="border:3px solid #976FB5">Div</div>

This div border color is #976FB5.

Opacity

.myOpacity80 { color: #976FB5; opacity: 0.8; }

<p style="color:#976FB5;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #976FB5">Text here.</p>

This text has shadow with #976FB5 color.

.textShadow {text-shadow: 3px 3px 1px #976FB5, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #976FB5, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#976FB5, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #976FB5.

Preview

Color preview on black background

This text has color #976FB5 on black background.

Color preview on white background

This text has color #976FB5 on white background.

Black color preview on #976FB5 background

This text has black color on #976FB5 background.

White color preview on #976FB5 background

This text has white color on #976FB5 background.