COLOR #5D6DDA

HEX: #5D6DDA RGB: (93,109,218)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#5D6DDA color RGB value is (93,109,218).

red value is 93;
green value is 109;
blue value is 218.

RGB: (93,109,218) (36%, 43%, 85%)

RGB channels and saturation

R 93 of 255 = 36%
G 109 of 255 = 43%
B 218 of 255 = 85%

109

218

R + G + B ~ 55%. #5D6DDA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 93 + 109 + 218 = 420 (100%)
R 93 of 420 ~ 22.14%
G 109 of 420 ~ 25.95%
B 218 of 420 ~ 51.9'%

%22.14

%25.95

%51.9

CMYK color model

#5D6DDA color CMYK value is (57,50,0,15).

cyan value is 57.34%
magenta value is 50.00%
yellow value is 0.00%
key color value is 14.51%

CMYK: (57,50,0,15) C57M50Y0K15 (57%,50%,0%,15%) (0.57/0.50/0.00/0.15)

CMYK percentages

%57.34

%50

%14.51

Codes

Color #5D6DDA in popluar color models

	5D	6D	DA
RGB	93	109	218
HSL	232°	62.81%	60.98%
HSB/HSV	232°	57.34%	85.49%
CMYK	57.34%	50.00%	0.00%
CMYK	14.51%

Color #5D6DDA in popluar number systems.

HEX	5D	6D	DA
Decimal	93	109	218
Binary	1011101	1101101	11011010
Octal	135	155	332

Shades and tints

Shades of #5D6DDA

#5D6DDA
(93,109,218)

#5564C7
(85,100,199)

#4D5BB4
(77,91,180)

#4552A1
(69,82,161)

#3D498E
(61,73,142)

#35407B
(53,64,123)

#2D3768
(45,55,104)

#252E55
(37,46,85)

#1D2542
(29,37,66)

#151C2F
(21,28,47)

#0D131C
(13,19,28)

#000000
(0,0,0)

Tints of #5D6DDA

#5D6DDA
(93,109,218)

#6B7ADD
(107,122,221)

#7987E0
(121,135,224)

#8794E3
(135,148,227)

#95A1E6
(149,161,230)

#A3AEE9
(163,174,233)

#B1BBEC
(177,187,236)

#BFC8EF
(191,200,239)

#CDD5F2
(205,213,242)

#DBE2F5
(219,226,245)

#E9EFF8
(233,239,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5D6DDA color. Also use rgb(93,109,218) instead hex code.

Text Font Color

.myTextColor { color: #5D6DDA; }

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

This text font color is #5D6DDA.

Background Color

.myBgColor { background-color: #5D6DDA; }

<div style="background-color:#5D6DDA">Inner text</div>

This div background color is #5D6DDA.

Border color

.myBorderColor { border: 1px solid #5D6DDA; }

This div border color is #5D6DDA.

Opacity

.myOpacity80 { color: #5D6DDA; opacity: 0.8; }

Text with #5D6DDA 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 #5D6DDA;}

This text has shadow with #5D6DDA color.

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

This text has shadow with #5D6DDA primary color and red secondary color.

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

This text has shadow with #5D6DDA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5D6DDA.