COLOR #A840D7

HEX: #A840D7
RGB: (168,64,215)

Color info

#A840D7 contains mainly red and blue colors. Web safe color of #A840D7 is #9933CC (or #93C).

RGB color model

#A840D7 color RGB value is (168,64,215).

  • red value is 168;
  • green value is 64;
  • blue value is 215.
RGB:
(168,64,215)
(66%,25%,84%)

RGB channels and saturation

R 168 of 255 = 66%
G 64 of 255 = 25%
B 215 of 255 = 84%

168
64
215

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

Portions of RGB colors in percentages

R + G + B =
168 + 64 + 215 = 447 (100%)
R 168 of 447 ~ 37.58%
G 64 of 447 ~ 14.32%
B 215 of 447 ~ 48.1%

%37.58
%14.32
%48.1

CMYK color model

#A840D7 color CMYK value is (22,70,0,16).

  • cyan value is 21.86%
  • magenta value is 70.23%
  • yellow value is 0.00%
  • key color value is 15.69%
CMYK:
(22,70,0,16)
C22M70Y0K16 
(22%,70%,0%,16%)
(0.22/0.70/0.00/0.16)	

CMYK percentages

%21.86
%70.23
%0
%15.69

Codes

Color #A840D7 in popluar color models

A840D7
RGB16864215
HSL281°65.37%54.71%
HSB/HSV281°70.23%84.31%
CMYK21.86%70.23%0.00%
15.69%

Color #A840D7 in popluar number systems.

HEXA840D7
Decimal16864215
Binary10101000100000011010111
Octal250100327

Shades and tints

Shades of #A840D7

#A840D7
(168,64,215)
#993BC4
(153,59,196)
#8A36B1
(138,54,177)
#7B319E
(123,49,158)
#6C2C8B
(108,44,139)
#5D2778
(93,39,120)
#4E2265
(78,34,101)
#3F1D52
(63,29,82)
#30183F
(48,24,63)
#21132C
(33,19,44)
#120E19
(18,14,25)
#000000
(0,0,0)

Tints of #A840D7

#A840D7
(168,64,215)
#AF51DA
(175,81,218)
#B662DD
(182,98,221)
#BD73E0
(189,115,224)
#C484E3
(196,132,227)
#CB95E6
(203,149,230)
#D2A6E9
(210,166,233)
#D9B7EC
(217,183,236)
#E0C8EF
(224,200,239)
#E7D9F2
(231,217,242)
#EEEAF5
(238,234,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A840D7 color. Also use rgb(168,64,215) instead hex code.

Text Font Color

.myTextColor { color: #A840D7; }

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

This text font color is #A840D7.


Background Color

.myBgColor { background-color: #A840D7; }

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

This div background color is #A840D7.


Border color

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

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

This div border color is #A840D7.


Opacity

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

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

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

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

This text has shadow with #A840D7 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A840D7 on black background.


Color preview on white background

This text has color #A840D7 on white background.



Black color preview on #A840D7 background

This text has black color on #A840D7 background.


White color preview on #A840D7 background

This text has white color on #A840D7 background.