Color #3553FD

Color info

#3553FD contains mainly blue color. Web safe color of #3553FD is #3366FF (or #36F).

RGB color model

#3553FD color RGB value is (53,83,253).

red value is 53;
green value is 83;
blue value is 253.

RGB:
(53,83,253)
(21%,33%,99%)

RGB channels and saturation

R 53 of 255 = 21%
G 83 of 255 = 33%
B 253 of 255 = 99%

253

R + G + B ~ 51%. #3553FD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
53 + 83 + 253 = 389 (100%)
R 53 of 389 ~ 13.62%
G 83 of 389 ~ 21.34%
B 253 of 389 ~ 65.04%

%13.62

%21.34

%65.04

CMYK color model

#3553FD color CMYK value is (79,67,0,1).

cyan value is 79.05%
magenta value is 67.19%
yellow value is 0.00%
key color value is 0.78%

CMYK:
(79,67,0,1)
C79M67Y0K1 
(79%,67%,0%,1%)
(0.79/0.67/0.00/0.01)

CMYK percentages

%79.05

%67.19

%0.78

Codes

Color #3553FD in popluar color models

	35	53	FD
RGB	53	83	253
HSL	231°	98.04%	60.00%
HSB/HSV	231°	79.05%	99.22%
CMYK	79.05%	67.19%	0.00%
CMYK	0.78%

Color #3553FD in popluar number systems.

HEX	35	53	FD
Decimal	53	83	253
Binary	110101	1010011	11111101
Octal	65	123	375

Shades and tints

Shades of #3553FD

#3553FD
(53,83,253)

#314CE6
(49,76,230)

#2D45CF
(45,69,207)

#293EB8
(41,62,184)

#2537A1
(37,55,161)

#21308A
(33,48,138)

#1D2973
(29,41,115)

#19225C
(25,34,92)

#151B45
(21,27,69)

#11142E
(17,20,46)

#0D0D17
(13,13,23)

#000000
(0,0,0)

Tints of #3553FD

#3553FD
(53,83,253)

#4762FD
(71,98,253)

#5971FD
(89,113,253)

#6B80FD
(107,128,253)

#7D8FFD
(125,143,253)

#8F9EFD
(143,158,253)

#A1ADFD
(161,173,253)

#B3BCFD
(179,188,253)

#C5CBFD
(197,203,253)

#D7DAFD
(215,218,253)

#E9E9FD
(233,233,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3553FD color. Also use rgb(53,83,253) instead hex code.

Text Font Color

.myTextColor { color: #3553FD; }

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

This text font color is #3553FD.

Background Color

.myBgColor { background-color: #3553FD; }

<div style="background-color:#3553FD">Inner text</div>

This div background color is #3553FD.

Border color

.myBorderColor { border: 1px solid #3553FD; }

<div style="border:3px solid #3553FD">Div</div>

This div border color is #3553FD.

Opacity

.myOpacity80 { color: #3553FD; opacity: 0.8; }

<p style="color:#3553FD;opacity:0.8;">80%</p>

Text with #3553FD 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 #3553FD;}

<p style="text-shadow: 3px 3px 1px #3553FD">Text here.</p>

This text has shadow with #3553FD color.

.textShadow {text-shadow: 3px 3px 1px #3553FD, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #3553FD, 5px 5px 20px red">Text here.</p>

This text has shadow with #3553FD primary color and red secondary color.

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

<p style="filter: Shadow(Color=#3553FD, Direction=45, Strength=4)">Text</p>

This text has shadow with #3553FD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3553FD.

Preview

Color preview on black background

This text has color #3553FD on black background.

Color preview on white background

This text has color #3553FD on white background.

Black color preview on #3553FD background

This text has black color on #3553FD background.

White color preview on #3553FD background

This text has white color on #3553FD background.