Color #893BF7

Color info

#893BF7 contains mainly blue color. Web safe color of #893BF7 is #9933FF (or #93F).

RGB color model

#893BF7 color RGB value is (137,59,247).

red value is 137;
green value is 59;
blue value is 247.

RGB:
(137,59,247)
(54%,23%,97%)

RGB channels and saturation

R 137 of 255 = 54%
G 59 of 255 = 23%
B 247 of 255 = 97%

137

247

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

Portions of RGB colors in percentages

R + G + B =
137 + 59 + 247 = 443 (100%)
R 137 of 443 ~ 30.93%
G 59 of 443 ~ 13.32%
B 247 of 443 ~ 55.76%

%30.93

%13.32

%55.76

CMYK color model

#893BF7 color CMYK value is (45,76,0,3).

cyan value is 44.53%
magenta value is 76.11%
yellow value is 0.00%
key color value is 3.14%

CMYK:
(45,76,0,3)
C45M76Y0K3 
(45%,76%,0%,3%)
(0.45/0.76/0.00/0.03)

CMYK percentages

%44.53

%76.11

%3.14

Codes

Color #893BF7 in popluar color models

	89	3B	F7
RGB	137	59	247
HSL	265°	92.16%	60.00%
HSB/HSV	265°	76.11%	96.86%
CMYK	44.53%	76.11%	0.00%
CMYK	3.14%

Color #893BF7 in popluar number systems.

HEX	89	3B	F7
Decimal	137	59	247
Binary	10001001	111011	11110111
Octal	211	73	367

Shades and tints

Shades of #893BF7

#893BF7
(137,59,247)

#7D36E1
(125,54,225)

#7131CB
(113,49,203)

#652CB5
(101,44,181)

#59279F
(89,39,159)

#4D2289
(77,34,137)

#411D73
(65,29,115)

#35185D
(53,24,93)

#291347
(41,19,71)

#1D0E31
(29,14,49)

#11091B
(17,9,27)

#000000
(0,0,0)

Tints of #893BF7

#893BF7
(137,59,247)

#934CF7
(147,76,247)

#9D5DF7
(157,93,247)

#A76EF7
(167,110,247)

#B17FF7
(177,127,247)

#BB90F7
(187,144,247)

#C5A1F7
(197,161,247)

#CFB2F7
(207,178,247)

#D9C3F7
(217,195,247)

#E3D4F7
(227,212,247)

#EDE5F7
(237,229,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #893BF7 color. Also use rgb(137,59,247) instead hex code.

Text Font Color

.myTextColor { color: #893BF7; }

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

This text font color is #893BF7.

Background Color

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

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

This div background color is #893BF7.

Border color

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

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

This div border color is #893BF7.

Opacity

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

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

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

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

This text has shadow with #893BF7 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #893BF7.

Preview

Color preview on black background

This text has color #893BF7 on black background.

Color preview on white background

This text has color #893BF7 on white background.

Black color preview on #893BF7 background

This text has black color on #893BF7 background.

White color preview on #893BF7 background

This text has white color on #893BF7 background.