COLOR #AB88DA

HEX: #AB88DA
RGB: (171,136,218)

Color info

#AB88DA contains mainly red and blue colors. Web safe color of #AB88DA is #9999CC (or #99C).

RGB color model

#AB88DA color RGB value is (171,136,218).

  • red value is 171;
  • green value is 136;
  • blue value is 218.
RGB:
(171,136,218)
(67%,53%,85%)

RGB channels and saturation

R 171 of 255 = 67%
G 136 of 255 = 53%
B 218 of 255 = 85%

171
136
218

R + G + B ~ 68%. #AB88DA is quite light color.

Portions of RGB colors in percentages

R + G + B =
171 + 136 + 218 = 525 (100%)
R 171 of 525 ~ 32.57%
G 136 of 525 ~ 25.9%
B 218 of 525 ~ 41.52%

%32.57
%25.9
%41.52

CMYK color model

#AB88DA color CMYK value is (22,38,0,15).

  • cyan value is 21.56%
  • magenta value is 37.61%
  • yellow value is 0.00%
  • key color value is 14.51%
CMYK:
(22,38,0,15)
C22M38Y0K15 
(22%,38%,0%,15%)
(0.22/0.38/0.00/0.15)	

CMYK percentages

%21.56
%37.61
%0
%14.51

Codes

Color #AB88DA in popluar color models

AB88DA
RGB171136218
HSL266°52.56%69.41%
HSB/HSV266°37.61%85.49%
CMYK21.56%37.61%0.00%
14.51%

Color #AB88DA in popluar number systems.

HEXAB88DA
Decimal171136218
Binary101010111000100011011010
Octal253210332

Shades and tints

Shades of #AB88DA

#AB88DA
(171,136,218)
#9C7CC7
(156,124,199)
#8D70B4
(141,112,180)
#7E64A1
(126,100,161)
#6F588E
(111,88,142)
#604C7B
(96,76,123)
#514068
(81,64,104)
#423455
(66,52,85)
#332842
(51,40,66)
#241C2F
(36,28,47)
#15101C
(21,16,28)
#000000
(0,0,0)

Tints of #AB88DA

#AB88DA
(171,136,218)
#B292DD
(178,146,221)
#B99CE0
(185,156,224)
#C0A6E3
(192,166,227)
#C7B0E6
(199,176,230)
#CEBAE9
(206,186,233)
#D5C4EC
(213,196,236)
#DCCEEF
(220,206,239)
#E3D8F2
(227,216,242)
#EAE2F5
(234,226,245)
#F1ECF8
(241,236,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AB88DA color. Also use rgb(171,136,218) instead hex code.

Text Font Color

.myTextColor { color: #AB88DA; }

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

This text font color is #AB88DA.


Background Color

.myBgColor { background-color: #AB88DA; }

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

This div background color is #AB88DA.


Border color

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

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

This div border color is #AB88DA.


Opacity

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

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

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

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

This text has shadow with #AB88DA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AB88DA on black background.


Color preview on white background

This text has color #AB88DA on white background.



Black color preview on #AB88DA background

This text has black color on #AB88DA background.


White color preview on #AB88DA background

This text has white color on #AB88DA background.