COLOR #873FAF

HEX: #873FAF RGB: (135,63,175)

Color info

#873FAF contains mainly red and blue colors. Web safe color of #873FAF is #993399 (or #939).

RGB color model

#873FAF color RGB value is (135,63,175).

RGB: (135,63,175) (53%, 25%, 69%)

RGB channels and saturation

R 135 of 255 = 53%
G 63 of 255 = 25%
B 175 of 255 = 69%

135
63
175

R + G + B ~ 49%. #873FAF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 135 + 63 + 175 = 373 (100%)
R 135 of 373 ~ 36.19%
G 63 of 373 ~ 16.89%
B 175 of 373 ~ 46.92'%

%36.19
%16.89
%46.92

CMYK color model

#873FAF color CMYK value is (23,64,0,31).

  • cyan value is 22.86%
  • magenta value is 64.00%
  • yellow value is 0.00%
  • key color value is 31.37%
CMYK: (23,64,0,31) C23M64Y0K31 (23%,64%,0%,31%) (0.23/0.64/0.00/0.31)

CMYK percentages

%22.86
%64
%0
%31.37

Codes

Color #873FAF in popluar color models

87 3F AF
RGB 135 63 175
HSL 279° 47.06% 46.67%
HSB/HSV 279° 64.00% 68.63%
CMYK 22.86% 64.00% 0.00%
31.37%

Color #873FAF in popluar number systems.

HEX 87 3F AF
Decimal 135 63 175
Binary 10000111 111111 10101111
Octal 207 77 257

Shades and tints

Shades of #873FAF

#873FAF
(135,63,175)
#7B3AA0
(123,58,160)
#6F3591
(111,53,145)
#633082
(99,48,130)
#572B73
(87,43,115)
#4B2664
(75,38,100)
#3F2155
(63,33,85)
#331C46
(51,28,70)
#271737
(39,23,55)
#1B1228
(27,18,40)
#0F0D19
(15,13,25)
#000000
(0,0,0)

Tints of #873FAF

#873FAF
(135,63,175)
#9150B6
(145,80,182)
#9B61BD
(155,97,189)
#A572C4
(165,114,196)
#AF83CB
(175,131,203)
#B994D2
(185,148,210)
#C3A5D9
(195,165,217)
#CDB6E0
(205,182,224)
#D7C7E7
(215,199,231)
#E1D8EE
(225,216,238)
#EBE9F5
(235,233,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #873FAF color. Also use rgb(135,63,175) instead hex code.

Text Font Color

.myTextColor { color: #873FAF; }

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

This text font color is #873FAF.


Background Color

.myBgColor { background-color: #873FAF; }

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

This div background color is #873FAF.


Border color

.myBorderColor { border: 1px solid #873FAF; }

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

This div border color is #873FAF.


Opacity

.myOpacity80 { color: #873FAF; opacity: 0.8; }

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

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

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

This text has shadow with #873FAF color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #873FAF on black background.


Color preview on white background

This text has color #873FAF on white background.


Black color preview on #873FAF background

This text has black color on #873FAF background.


White color preview on #873FAF background

This text has white color on #873FAF background.


↑