COLOR #9D6681

HEX: #9D6681
RGB: (157,102,129)

Color info

#9D6681 contains red, green and blue colors in about the same proportion. Web safe color of #9D6681 is #996699 (or #969).

RGB color model

#9D6681 color RGB value is (157,102,129).

  • red value is 157;
  • green value is 102;
  • blue value is 129.
RGB: (157,102,129) (62%,40%,51%)

RGB channels and saturation

R 157 of 255 = 62%
G 102 of 255 = 40%
B 129 of 255 = 51%

157
102
129

R + G + B ~ 51%. #9D6681 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
157 + 102 + 129 = 388 (100%)
R 157 of 388 ~ 40.46%
G 102 of 388 ~ 26.29%
B 129 of 388 ~ 33.25%

%40.46
%26.29
%33.25

CMYK color model

#9D6681 color CMYK value is (0,35,18,38).

  • cyan value is 0.00%
  • magenta value is 35.03%
  • yellow value is 17.83%
  • key color value is 38.43%
CMYK: (0,35,18,38) C0M35Y18K38 (0%,35%,18%,38%) (0.00/0.35/0.18/0.38)

CMYK percentages

%0
%35.03
%17.83
%38.43

Codes

Color #9D6681 in popluar color models

9D6681
RGB157102129
HSL331°21.91%50.78%
HSB/HSV331°35.03%61.57%
CMYK0.00%35.03%17.83%
38.43%

Color #9D6681 in popluar number systems.

HEX9D6681
Decimal157102129
Binary10011101110011010000001
Octal235146201

Shades and tints

Shades of #9D6681

#9D6681
(157,102,129)
#8F5D76
(143,93,118)
#81546B
(129,84,107)
#734B60
(115,75,96)
#654255
(101,66,85)
#57394A
(87,57,74)
#49303F
(73,48,63)
#3B2734
(59,39,52)
#2D1E29
(45,30,41)
#1F151E
(31,21,30)
#110C13
(17,12,19)
#000000
(0,0,0)

Tints of #9D6681

#9D6681
(157,102,129)
#A5738C
(165,115,140)
#AD8097
(173,128,151)
#B58DA2
(181,141,162)
#BD9AAD
(189,154,173)
#C5A7B8
(197,167,184)
#CDB4C3
(205,180,195)
#D5C1CE
(213,193,206)
#DDCED9
(221,206,217)
#E5DBE4
(229,219,228)
#EDE8EF
(237,232,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9D6681 color. Also use rgb(157,102,129) instead hex code.

Text Font Color

.myTextColor { color: #9D6681; }

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

This text font color is #9D6681.


Background Color

.myBgColor { background-color: #9D6681; }

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

This div background color is #9D6681.


Border color

.myBorderColor { border: 1px solid #9D6681; }

<div style="border:3px solid #9D6681">Div</div>

This div border color is #9D6681.


Opacity

.myOpacity80 { color: #9D6681; opacity: 0.8; }

<p style="color:#9D6681;opacity:0.8;">80%</p>

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

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

This text has shadow with #9D6681 color.

.textShadow {text-shadow: 3px 3px 1px #9D6681, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #9D6681; -webkit-box-shadow:	1px 1px 3px 2px #9D6681; box-shadow:	1px 1px 3px 2px #9D6681; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #9D6681; -webkit-box-shadow: 1px 1px 3px 2px #9D6681; box-shadow:1px 1px 3px 2px #9D6681;">
Div content here</div>
This div box has shadow with color #9D6681.

Preview

Color preview on black background

This text has color #9D6681 on black background.


Color preview on white background

This text has color #9D6681 on white background.



Black color preview on #9D6681 background

This text has black color on #9D6681 background.


White color preview on #9D6681 background

This text has white color on #9D6681 background.