Color #566DB5

Color info

#566DB5 contains mainly blue color. Web safe color of #566DB5 is #6666CC (or #66C).

RGB color model

#566DB5 color RGB value is (86,109,181).

red value is 86;
green value is 109;
blue value is 181.

RGB: (86,109,181) (34%, 43%, 71%)

RGB channels and saturation

R 86 of 255 = 34%
G 109 of 255 = 43%
B 181 of 255 = 71%

86

109

181

R + G + B ~ 49%. #566DB5 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 86 + 109 + 181 = 376 (100%)
R 86 of 376 ~ 22.87%
G 109 of 376 ~ 28.99%
B 181 of 376 ~ 48.14'%

%22.87

%28.99

%48.14

CMYK color model

#566DB5 color CMYK value is (52,40,0,29).

cyan value is 52.49%
magenta value is 39.78%
yellow value is 0.00%
key color value is 29.02%

CMYK: (52,40,0,29)
C52M40Y0K29 (52%, 40%, 0%, 29%)
(0.52 / 0.40 / 0.00 / 0.29)

CMYK percentages

%52.49

%39.78

%0

%29.02

Codes

Color #566DB5 in popluar color models

	56	6D	B5
RGB	86	109	181
HSL	225°	39.09%	52.35%
HSB/HSV	225°	52.49%	70.98%
CMYK	52.49%	39.78%	0.00%
CMYK	29.02%

Color #566DB5 in popluar number systems.

HEX	56	6D	B5
Decimal	86	109	181
Binary	1010110	1101101	10110101
Octal	126	155	265

Shades and tints

Shades of #566DB5

#566DB5
(86,109,181)

#4F64A5
(79,100,165)

#485B95
(72,91,149)

#415285
(65,82,133)

#3A4975
(58,73,117)

#334065
(51,64,101)

#2C3755
(44,55,85)

#252E45
(37,46,69)

#1E2535
(30,37,53)

#171C25
(23,28,37)

#101315
(16,19,21)

#000000
(0,0,0)

Tints of #566DB5

#566DB5
(86,109,181)

#657ABB
(101,122,187)

#7487C1
(116,135,193)

#8394C7
(131,148,199)

#92A1CD
(146,161,205)

#A1AED3
(161,174,211)

#B0BBD9
(176,187,217)

#BFC8DF
(191,200,223)

#CED5E5
(206,213,229)

#DDE2EB
(221,226,235)

#ECEFF1
(236,239,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #566DB5 color. Also use rgb(86,109,181) instead hex code.

Text Font Color

.myTextColor { color: #566DB5; }

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

This text font color is #566DB5.

Background Color

.myBgColor { background-color: #566DB5; }

<div style="background-color:#566DB5">Inner text</div>

This div background color is #566DB5.

Border color

.myBorderColor { border: 1px solid #566DB5; }

This div border color is #566DB5.

Opacity

.myOpacity80 { color: #566DB5; opacity: 0.8; }

Text with #566DB5 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 #566DB5;}

This text has shadow with #566DB5 color.

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

This text has shadow with #566DB5 primary color and red secondary color.

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

This text has shadow with #566DB5 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #566DB5.