Color #553CAD

Color info

#553CAD contains mainly blue color. Web safe color of #553CAD is #663399 (or #639).

RGB color model

#553CAD color RGB value is (85,60,173).

red value is 85;
green value is 60;
blue value is 173.

RGB: (85,60,173) (33%, 24%, 68%)

RGB channels and saturation

R 85 of 255 = 33%
G 60 of 255 = 24%
B 173 of 255 = 68%

85

60

173

R + G + B ~ 42%. #553CAD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 85 + 60 + 173 = 318 (100%)
R 85 of 318 ~ 26.73%
G 60 of 318 ~ 18.87%
B 173 of 318 ~ 54.4'%

%26.73

%18.87

%54.4

CMYK color model

#553CAD color CMYK value is (51,65,0,32).

cyan value is 50.87%
magenta value is 65.32%
yellow value is 0.00%
key color value is 32.16%

CMYK: (51,65,0,32)
C51M65Y0K32 (51%, 65%, 0%, 32%)
(0.51 / 0.65 / 0.00 / 0.32)

CMYK percentages

%50.87

%65.32

%0

%32.16

Codes

Color #553CAD in popluar color models

	55	3C	AD
RGB	85	60	173
HSL	253°	48.50%	45.69%
HSB/HSV	253°	65.32%	67.84%
CMYK	50.87%	65.32%	0.00%
CMYK	32.16%

Color #553CAD in popluar number systems.

HEX	55	3C	AD
Decimal	85	60	173
Binary	1010101	111100	10101101
Octal	125	74	255

Shades and tints

Shades of #553CAD

#553CAD
(85,60,173)

#4E379E
(78,55,158)

#47328F
(71,50,143)

#402D80
(64,45,128)

#392871
(57,40,113)

#322362
(50,35,98)

#2B1E53
(43,30,83)

#241944
(36,25,68)

#1D1435
(29,20,53)

#160F26
(22,15,38)

#0F0A17
(15,10,23)

#000000
(0,0,0)

Tints of #553CAD

#553CAD
(85,60,173)

#644DB4
(100,77,180)

#735EBB
(115,94,187)

#826FC2
(130,111,194)

#9180C9
(145,128,201)

#A091D0
(160,145,208)

#AFA2D7
(175,162,215)

#BEB3DE
(190,179,222)

#CDC4E5
(205,196,229)

#DCD5EC
(220,213,236)

#EBE6F3
(235,230,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #553CAD color. Also use rgb(85,60,173) instead hex code.

Text Font Color

.myTextColor { color: #553CAD; }

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

This text font color is #553CAD.

Background Color

.myBgColor { background-color: #553CAD; }

<div style="background-color:#553CAD">Inner text</div>

This div background color is #553CAD.

Border color

.myBorderColor { border: 1px solid #553CAD; }

This div border color is #553CAD.

Opacity

.myOpacity80 { color: #553CAD; opacity: 0.8; }

Text with #553CAD 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 #553CAD;}

This text has shadow with #553CAD color.

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

This text has shadow with #553CAD primary color and red secondary color.

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

This text has shadow with #553CAD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #553CAD.