COLOR #A681B8

HEX: #A681B8
RGB: (166,129,184)

Color info

#A681B8 contains red, green and blue colors in about the same proportion. Web safe color of #A681B8 is #9999CC (or #99C).

RGB color model

#A681B8 color RGB value is (166,129,184).

  • red value is 166;
  • green value is 129;
  • blue value is 184.
RGB:
(166,129,184)
(65%,51%,72%)

RGB channels and saturation

R 166 of 255 = 65%
G 129 of 255 = 51%
B 184 of 255 = 72%

166
129
184

R + G + B ~ 63%. #A681B8 is quite light color.

Portions of RGB colors in percentages

R + G + B =
166 + 129 + 184 = 479 (100%)
R 166 of 479 ~ 34.66%
G 129 of 479 ~ 26.93%
B 184 of 479 ~ 38.41%

%34.66
%26.93
%38.41

CMYK color model

#A681B8 color CMYK value is (10,30,0,28).

  • cyan value is 9.78%
  • magenta value is 29.89%
  • yellow value is 0.00%
  • key color value is 27.84%
CMYK:
(10,30,0,28)
C10M30Y0K28 
(10%,30%,0%,28%)
(0.10/0.30/0.00/0.28)	

CMYK percentages

%9.78
%29.89
%0
%27.84

Codes

Color #A681B8 in popluar color models

A681B8
RGB166129184
HSL280°27.92%61.37%
HSB/HSV280°29.89%72.16%
CMYK9.78%29.89%0.00%
27.84%

Color #A681B8 in popluar number systems.

HEXA681B8
Decimal166129184
Binary101001101000000110111000
Octal246201270

Shades and tints

Shades of #A681B8

#A681B8
(166,129,184)
#9776A8
(151,118,168)
#886B98
(136,107,152)
#796088
(121,96,136)
#6A5578
(106,85,120)
#5B4A68
(91,74,104)
#4C3F58
(76,63,88)
#3D3448
(61,52,72)
#2E2938
(46,41,56)
#1F1E28
(31,30,40)
#101318
(16,19,24)
#000000
(0,0,0)

Tints of #A681B8

#A681B8
(166,129,184)
#AE8CBE
(174,140,190)
#B697C4
(182,151,196)
#BEA2CA
(190,162,202)
#C6ADD0
(198,173,208)
#CEB8D6
(206,184,214)
#D6C3DC
(214,195,220)
#DECEE2
(222,206,226)
#E6D9E8
(230,217,232)
#EEE4EE
(238,228,238)
#F6EFF4
(246,239,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A681B8 color. Also use rgb(166,129,184) instead hex code.

Text Font Color

.myTextColor { color: #A681B8; }

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

This text font color is #A681B8.


Background Color

.myBgColor { background-color: #A681B8; }

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

This div background color is #A681B8.


Border color

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

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

This div border color is #A681B8.


Opacity

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

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

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

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

This text has shadow with #A681B8 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A681B8 on black background.


Color preview on white background

This text has color #A681B8 on white background.



Black color preview on #A681B8 background

This text has black color on #A681B8 background.


White color preview on #A681B8 background

This text has white color on #A681B8 background.