Color #563BAE

Color info

#563BAE contains mainly blue color. Web safe color of #563BAE is #663399 (or #639).

RGB color model

#563BAE color RGB value is (86,59,174).

red value is 86;
green value is 59;
blue value is 174.

RGB: (86,59,174) (34%, 23%, 68%)

RGB channels and saturation

R 86 of 255 = 34%
G 59 of 255 = 23%
B 174 of 255 = 68%

86

59

174

R + G + B ~ 42%. #563BAE is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 86 + 59 + 174 = 319 (100%)
R 86 of 319 ~ 26.96%
G 59 of 319 ~ 18.5%
B 174 of 319 ~ 54.55'%

%26.96

%18.5

%54.55

CMYK color model

#563BAE color CMYK value is (51,66,0,32).

cyan value is 50.57%
magenta value is 66.09%
yellow value is 0.00%
key color value is 31.76%

CMYK: (51,66,0,32)
C51M66Y0K32 (51%, 66%, 0%, 32%)
(0.51 / 0.66 / 0.00 / 0.32)

CMYK percentages

%50.57

%66.09

%0

%31.76

Codes

Color #563BAE in popluar color models

	56	3B	AE
RGB	86	59	174
HSL	254°	49.36%	45.69%
HSB/HSV	254°	66.09%	68.24%
CMYK	50.57%	66.09%	0.00%
CMYK	31.76%

Color #563BAE in popluar number systems.

HEX	56	3B	AE
Decimal	86	59	174
Binary	1010110	111011	10101110
Octal	126	73	256

Shades and tints

Shades of #563BAE

#563BAE
(86,59,174)

#4F369F
(79,54,159)

#483190
(72,49,144)

#412C81
(65,44,129)

#3A2772
(58,39,114)

#332263
(51,34,99)

#2C1D54
(44,29,84)

#251845
(37,24,69)

#1E1336
(30,19,54)

#170E27
(23,14,39)

#100918
(16,9,24)

#000000
(0,0,0)

Tints of #563BAE

#563BAE
(86,59,174)

#654CB5
(101,76,181)

#745DBC
(116,93,188)

#836EC3
(131,110,195)

#927FCA
(146,127,202)

#A190D1
(161,144,209)

#B0A1D8
(176,161,216)

#BFB2DF
(191,178,223)

#CEC3E6
(206,195,230)

#DDD4ED
(221,212,237)

#ECE5F4
(236,229,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #563BAE color. Also use rgb(86,59,174) instead hex code.

Text Font Color

.myTextColor { color: #563BAE; }

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

This text font color is #563BAE.

Background Color

.myBgColor { background-color: #563BAE; }

<div style="background-color:#563BAE">Inner text</div>

This div background color is #563BAE.

Border color

.myBorderColor { border: 1px solid #563BAE; }

This div border color is #563BAE.

Opacity

.myOpacity80 { color: #563BAE; opacity: 0.8; }

Text with #563BAE 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 #563BAE;}

This text has shadow with #563BAE color.

.textShadow {text-shadow: 3px 3px 1px #563BAE', 3px 3px 1px red;}

This text has shadow with #563BAE primary color and red secondary color.

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

This text has shadow with #563BAE and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #563BAE.