Color #5461DA

Color info

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

RGB color model

#5461DA color RGB value is (84,97,218).

red value is 84;
green value is 97;
blue value is 218.

RGB: (84,97,218) (33%, 38%, 85%)

RGB channels and saturation

R 84 of 255 = 33%
G 97 of 255 = 38%
B 218 of 255 = 85%

84

97

218

R + G + B ~ 52%. #5461DA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 84 + 97 + 218 = 399 (100%)
R 84 of 399 ~ 21.05%
G 97 of 399 ~ 24.31%
B 218 of 399 ~ 54.64'%

%21.05

%24.31

%54.64

CMYK color model

#5461DA color CMYK value is (61,56,0,15).

cyan value is 61.47%
magenta value is 55.50%
yellow value is 0.00%
key color value is 14.51%

CMYK: (61,56,0,15)
C61M56Y0K15 (61%, 56%, 0%, 15%)
(0.61 / 0.56 / 0.00 / 0.15)

CMYK percentages

%61.47

%55.5

%0

%14.51

Codes

Color #5461DA in popluar color models

	54	61	DA
RGB	84	97	218
HSL	234°	64.42%	59.22%
HSB/HSV	234°	61.47%	85.49%
CMYK	61.47%	55.50%	0.00%
CMYK	14.51%

Color #5461DA in popluar number systems.

HEX	54	61	DA
Decimal	84	97	218
Binary	1010100	1100001	11011010
Octal	124	141	332

Shades and tints

Shades of #5461DA

#5461DA
(84,97,218)

#4D59C7
(77,89,199)

#4651B4
(70,81,180)

#3F49A1
(63,73,161)

#38418E
(56,65,142)

#31397B
(49,57,123)

#2A3168
(42,49,104)

#232955
(35,41,85)

#1C2142
(28,33,66)

#15192F
(21,25,47)

#0E111C
(14,17,28)

#000000
(0,0,0)

Tints of #5461DA

#5461DA
(84,97,218)

#636FDD
(99,111,221)

#727DE0
(114,125,224)

#818BE3
(129,139,227)

#9099E6
(144,153,230)

#9FA7E9
(159,167,233)

#AEB5EC
(174,181,236)

#BDC3EF
(189,195,239)

#CCD1F2
(204,209,242)

#DBDFF5
(219,223,245)

#EAEDF8
(234,237,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5461DA color. Also use rgb(84,97,218) instead hex code.

Text Font Color

.myTextColor { color: #5461DA; }

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

This text font color is #5461DA.

Background Color

.myBgColor { background-color: #5461DA; }

<div style="background-color:#5461DA">Inner text</div>

This div background color is #5461DA.

Border color

.myBorderColor { border: 1px solid #5461DA; }

This div border color is #5461DA.

Opacity

.myOpacity80 { color: #5461DA; opacity: 0.8; }

Text with #5461DA 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 #5461DA;}

This text has shadow with #5461DA color.

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

This text has shadow with #5461DA primary color and red secondary color.

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

This text has shadow with #5461DA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5461DA.