COLOR #8955FD

HEX: #8955FD
RGB: (137,85,253)

Color info

#8955FD contains mainly blue color. Web safe color of #8955FD is #9966FF (or #96F).

RGB color model

#8955FD color RGB value is (137,85,253).

  • red value is 137;
  • green value is 85;
  • blue value is 253.
RGB:
(137,85,253)
(54%,33%,99%)

RGB channels and saturation

R 137 of 255 = 54%
G 85 of 255 = 33%
B 253 of 255 = 99%

137
85
253

R + G + B ~ 62%. #8955FD is quite light color.

Portions of RGB colors in percentages

R + G + B =
137 + 85 + 253 = 475 (100%)
R 137 of 475 ~ 28.84%
G 85 of 475 ~ 17.89%
B 253 of 475 ~ 53.26%

%28.84
%17.89
%53.26

CMYK color model

#8955FD color CMYK value is (46,66,0,1).

  • cyan value is 45.85%
  • magenta value is 66.40%
  • yellow value is 0.00%
  • key color value is 0.78%
CMYK:
(46,66,0,1)
C46M66Y0K1 
(46%,66%,0%,1%)
(0.46/0.66/0.00/0.01)	

CMYK percentages

%45.85
%66.4
%0
%0.78

Codes

Color #8955FD in popluar color models

8955FD
RGB13785253
HSL259°97.67%66.27%
HSB/HSV259°66.40%99.22%
CMYK45.85%66.40%0.00%
0.78%

Color #8955FD in popluar number systems.

HEX8955FD
Decimal13785253
Binary10001001101010111111101
Octal211125375

Shades and tints

Shades of #8955FD

#8955FD
(137,85,253)
#7D4EE6
(125,78,230)
#7147CF
(113,71,207)
#6540B8
(101,64,184)
#5939A1
(89,57,161)
#4D328A
(77,50,138)
#412B73
(65,43,115)
#35245C
(53,36,92)
#291D45
(41,29,69)
#1D162E
(29,22,46)
#110F17
(17,15,23)
#000000
(0,0,0)

Tints of #8955FD

#8955FD
(137,85,253)
#9364FD
(147,100,253)
#9D73FD
(157,115,253)
#A782FD
(167,130,253)
#B191FD
(177,145,253)
#BBA0FD
(187,160,253)
#C5AFFD
(197,175,253)
#CFBEFD
(207,190,253)
#D9CDFD
(217,205,253)
#E3DCFD
(227,220,253)
#EDEBFD
(237,235,253)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8955FD color. Also use rgb(137,85,253) instead hex code.

Text Font Color

.myTextColor { color: #8955FD; }

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

This text font color is #8955FD.


Background Color

.myBgColor { background-color: #8955FD; }

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

This div background color is #8955FD.


Border color

.myBorderColor { border: 1px solid #8955FD; }

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

This div border color is #8955FD.


Opacity

.myOpacity80 { color: #8955FD; opacity: 0.8; }

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

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

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

This text has shadow with #8955FD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8955FD on black background.


Color preview on white background

This text has color #8955FD on white background.



Black color preview on #8955FD background

This text has black color on #8955FD background.


White color preview on #8955FD background

This text has white color on #8955FD background.