Color #855BE0

Color info

#855BE0 contains mainly blue color. Web safe color of #855BE0 is #9966CC (or #96C).

RGB color model

#855BE0 color RGB value is (133,91,224).

red value is 133;
green value is 91;
blue value is 224.

RGB:
(133,91,224)
(52%,36%,88%)

RGB channels and saturation

R 133 of 255 = 52%
G 91 of 255 = 36%
B 224 of 255 = 88%

133

224

R + G + B ~ 59%. #855BE0 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
133 + 91 + 224 = 448 (100%)
R 133 of 448 ~ 29.69%
G 91 of 448 ~ 20.31%
B 224 of 448 ~ 50%

%29.69

%20.31

%50

CMYK color model

#855BE0 color CMYK value is (41,59,0,12).

cyan value is 40.63%
magenta value is 59.38%
yellow value is 0.00%
key color value is 12.16%

CMYK:
(41,59,0,12)
C41M59Y0K12 
(41%,59%,0%,12%)
(0.41/0.59/0.00/0.12)

CMYK percentages

%40.63

%59.38

%12.16

Codes

Color #855BE0 in popluar color models

	85	5B	E0
RGB	133	91	224
HSL	259°	68.21%	61.76%
HSB/HSV	259°	59.38%	87.84%
CMYK	40.63%	59.38%	0.00%
CMYK	12.16%

Color #855BE0 in popluar number systems.

HEX	85	5B	E0
Decimal	133	91	224
Binary	10000101	1011011	11100000
Octal	205	133	340

Shades and tints

Shades of #855BE0

#855BE0
(133,91,224)

#7953CC
(121,83,204)

#6D4BB8
(109,75,184)

#6143A4
(97,67,164)

#553B90
(85,59,144)

#49337C
(73,51,124)

#3D2B68
(61,43,104)

#312354
(49,35,84)

#251B40
(37,27,64)

#19132C
(25,19,44)

#0D0B18
(13,11,24)

#000000
(0,0,0)

Tints of #855BE0

#855BE0
(133,91,224)

#9069E2
(144,105,226)

#9B77E4
(155,119,228)

#A685E6
(166,133,230)

#B193E8
(177,147,232)

#BCA1EA
(188,161,234)

#C7AFEC
(199,175,236)

#D2BDEE
(210,189,238)

#DDCBF0
(221,203,240)

#E8D9F2
(232,217,242)

#F3E7F4
(243,231,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #855BE0 color. Also use rgb(133,91,224) instead hex code.

Text Font Color

.myTextColor { color: #855BE0; }

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

This text font color is #855BE0.

Background Color

.myBgColor { background-color: #855BE0; }

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

This div background color is #855BE0.

Border color

.myBorderColor { border: 1px solid #855BE0; }

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

This div border color is #855BE0.

Opacity

.myOpacity80 { color: #855BE0; opacity: 0.8; }

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

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

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

This text has shadow with #855BE0 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #855BE0.

Preview

Color preview on black background

This text has color #855BE0 on black background.

Color preview on white background

This text has color #855BE0 on white background.

Black color preview on #855BE0 background

This text has black color on #855BE0 background.

White color preview on #855BE0 background

This text has white color on #855BE0 background.