COLOR #7F699F

HEX: #7F699F
RGB: (127,105,159)

Color info

#7F699F contains red, green and blue colors in about the same proportion. Web safe color of #7F699F is #666699 (or #669).

RGB color model

#7F699F color RGB value is (127,105,159).

  • red value is 127;
  • green value is 105;
  • blue value is 159.
RGB:
(127,105,159)
(50%,41%,62%)

RGB channels and saturation

R 127 of 255 = 50%
G 105 of 255 = 41%
B 159 of 255 = 62%

127
105
159

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

Portions of RGB colors in percentages

R + G + B =
127 + 105 + 159 = 391 (100%)
R 127 of 391 ~ 32.48%
G 105 of 391 ~ 26.85%
B 159 of 391 ~ 40.66%

%32.48
%26.85
%40.66

CMYK color model

#7F699F color CMYK value is (20,34,0,38).

  • cyan value is 20.13%
  • magenta value is 33.96%
  • yellow value is 0.00%
  • key color value is 37.65%
CMYK:
(20,34,0,38)
C20M34Y0K38 
(20%,34%,0%,38%)
(0.20/0.34/0.00/0.38)	

CMYK percentages

%20.13
%33.96
%0
%37.65

Codes

Color #7F699F in popluar color models

7F699F
RGB127105159
HSL264°21.95%51.76%
HSB/HSV264°33.96%62.35%
CMYK20.13%33.96%0.00%
37.65%

Color #7F699F in popluar number systems.

HEX7F699F
Decimal127105159
Binary1111111110100110011111
Octal177151237

Shades and tints

Shades of #7F699F

#7F699F
(127,105,159)
#746091
(116,96,145)
#695783
(105,87,131)
#5E4E75
(94,78,117)
#534567
(83,69,103)
#483C59
(72,60,89)
#3D334B
(61,51,75)
#322A3D
(50,42,61)
#27212F
(39,33,47)
#1C1821
(28,24,33)
#110F13
(17,15,19)
#000000
(0,0,0)

Tints of #7F699F

#7F699F
(127,105,159)
#8A76A7
(138,118,167)
#9583AF
(149,131,175)
#A090B7
(160,144,183)
#AB9DBF
(171,157,191)
#B6AAC7
(182,170,199)
#C1B7CF
(193,183,207)
#CCC4D7
(204,196,215)
#D7D1DF
(215,209,223)
#E2DEE7
(226,222,231)
#EDEBEF
(237,235,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F699F color. Also use rgb(127,105,159) instead hex code.

Text Font Color

.myTextColor { color: #7F699F; }

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

This text font color is #7F699F.


Background Color

.myBgColor { background-color: #7F699F; }

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

This div background color is #7F699F.


Border color

.myBorderColor { border: 1px solid #7F699F; }

<div style="border:3px solid #7F699F">Div</div>

This div border color is #7F699F.


Opacity

.myOpacity80 { color: #7F699F; opacity: 0.8; }

<p style="color:#7F699F;opacity:0.8;">80%</p>

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

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

This text has shadow with #7F699F color.

.textShadow {text-shadow: 3px 3px 1px #7F699F, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #7F699F;
-webkit-box-shadow: 1px 1px 3px 2px #7F699F;
box-shadow:1px 1px 3px 2px #7F699F;">
Div content here</div>
This div box has shadow with color #7F699F.

Preview

Color preview on black background

This text has color #7F699F on black background.


Color preview on white background

This text has color #7F699F on white background.



Black color preview on #7F699F background

This text has black color on #7F699F background.


White color preview on #7F699F background

This text has white color on #7F699F background.