Color #567DC7

Color info

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

RGB color model

#567DC7 color RGB value is (86,125,199).

red value is 86;
green value is 125;
blue value is 199.

RGB: (86,125,199) (34%, 49%, 78%)

RGB channels and saturation

R 86 of 255 = 34%
G 125 of 255 = 49%
B 199 of 255 = 78%

86

125

199

R + G + B ~ 54%. #567DC7 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 86 + 125 + 199 = 410 (100%)
R 86 of 410 ~ 20.98%
G 125 of 410 ~ 30.49%
B 199 of 410 ~ 48.54'%

%20.98

%30.49

%48.54

CMYK color model

#567DC7 color CMYK value is (57,37,0,22).

cyan value is 56.78%
magenta value is 37.19%
yellow value is 0.00%
key color value is 21.96%

CMYK: (57,37,0,22)
C57M37Y0K22 (57%, 37%, 0%, 22%)
(0.57 / 0.37 / 0.00 / 0.22)

CMYK percentages

%56.78

%37.19

%0

%21.96

Codes

Color #567DC7 in popluar color models

	56	7D	C7
RGB	86	125	199
HSL	219°	50.22%	55.88%
HSB/HSV	219°	56.78%	78.04%
CMYK	56.78%	37.19%	0.00%
CMYK	21.96%

Color #567DC7 in popluar number systems.

HEX	56	7D	C7
Decimal	86	125	199
Binary	1010110	1111101	11000111
Octal	126	175	307

Shades and tints

Shades of #567DC7

#567DC7
(86,125,199)

#4F72B5
(79,114,181)

#4867A3
(72,103,163)

#415C91
(65,92,145)

#3A517F
(58,81,127)

#33466D
(51,70,109)

#2C3B5B
(44,59,91)

#253049
(37,48,73)

#1E2537
(30,37,55)

#171A25
(23,26,37)

#100F13
(16,15,19)

#000000
(0,0,0)

Tints of #567DC7

#567DC7
(86,125,199)

#6588CC
(101,136,204)

#7493D1
(116,147,209)

#839ED6
(131,158,214)

#92A9DB
(146,169,219)

#A1B4E0
(161,180,224)

#B0BFE5
(176,191,229)

#BFCAEA
(191,202,234)

#CED5EF
(206,213,239)

#DDE0F4
(221,224,244)

#ECEBF9
(236,235,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #567DC7 color. Also use rgb(86,125,199) instead hex code.

Text Font Color

.myTextColor { color: #567DC7; }

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

This text font color is #567DC7.

Background Color

.myBgColor { background-color: #567DC7; }

<div style="background-color:#567DC7">Inner text</div>

This div background color is #567DC7.

Border color

.myBorderColor { border: 1px solid #567DC7; }

This div border color is #567DC7.

Opacity

.myOpacity80 { color: #567DC7; opacity: 0.8; }

Text with #567DC7 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 #567DC7;}

This text has shadow with #567DC7 color.

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

This text has shadow with #567DC7 primary color and red secondary color.

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

This text has shadow with #567DC7 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #567DC7.