COLOR #893DA7

HEX: #893DA7
RGB: (137,61,167)

Color info

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

RGB color model

#893DA7 color RGB value is (137,61,167).

  • red value is 137;
  • green value is 61;
  • blue value is 167.
RGB:
(137,61,167)
(54%,24%,65%)

RGB channels and saturation

R 137 of 255 = 54%
G 61 of 255 = 24%
B 167 of 255 = 65%

137
61
167

R + G + B ~ 48%. #893DA7 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
137 + 61 + 167 = 365 (100%)
R 137 of 365 ~ 37.53%
G 61 of 365 ~ 16.71%
B 167 of 365 ~ 45.75%

%37.53
%16.71
%45.75

CMYK color model

#893DA7 color CMYK value is (18,63,0,35).

  • cyan value is 17.96%
  • magenta value is 63.47%
  • yellow value is 0.00%
  • key color value is 34.51%
CMYK:
(18,63,0,35)
C18M63Y0K35 
(18%,63%,0%,35%)
(0.18/0.63/0.00/0.35)	

CMYK percentages

%17.96
%63.47
%0
%34.51

Codes

Color #893DA7 in popluar color models

893DA7
RGB13761167
HSL283°46.49%44.71%
HSB/HSV283°63.47%65.49%
CMYK17.96%63.47%0.00%
34.51%

Color #893DA7 in popluar number systems.

HEX893DA7
Decimal13761167
Binary1000100111110110100111
Octal21175247

Shades and tints

Shades of #893DA7

#893DA7
(137,61,167)
#7D3898
(125,56,152)
#713389
(113,51,137)
#652E7A
(101,46,122)
#59296B
(89,41,107)
#4D245C
(77,36,92)
#411F4D
(65,31,77)
#351A3E
(53,26,62)
#29152F
(41,21,47)
#1D1020
(29,16,32)
#110B11
(17,11,17)
#000000
(0,0,0)

Tints of #893DA7

#893DA7
(137,61,167)
#934EAF
(147,78,175)
#9D5FB7
(157,95,183)
#A770BF
(167,112,191)
#B181C7
(177,129,199)
#BB92CF
(187,146,207)
#C5A3D7
(197,163,215)
#CFB4DF
(207,180,223)
#D9C5E7
(217,197,231)
#E3D6EF
(227,214,239)
#EDE7F7
(237,231,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #893DA7 color. Also use rgb(137,61,167) instead hex code.

Text Font Color

.myTextColor { color: #893DA7; }

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

This text font color is #893DA7.


Background Color

.myBgColor { background-color: #893DA7; }

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

This div background color is #893DA7.


Border color

.myBorderColor { border: 1px solid #893DA7; }

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

This div border color is #893DA7.


Opacity

.myOpacity80 { color: #893DA7; opacity: 0.8; }

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

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

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

This text has shadow with #893DA7 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #893DA7 on black background.


Color preview on white background

This text has color #893DA7 on white background.



Black color preview on #893DA7 background

This text has black color on #893DA7 background.


White color preview on #893DA7 background

This text has white color on #893DA7 background.