Color #535BAC

Color info

#535BAC contains mainly blue color. Web safe color of #535BAC is #666699 (or #669).

RGB color model

#535BAC color RGB value is (83,91,172).

red value is 83;
green value is 91;
blue value is 172.

RGB: (83,91,172) (33%, 36%, 67%)

RGB channels and saturation

R 83 of 255 = 33%
G 91 of 255 = 36%
B 172 of 255 = 67%

83

91

172

R + G + B ~ 45%. #535BAC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 83 + 91 + 172 = 346 (100%)
R 83 of 346 ~ 23.99%
G 91 of 346 ~ 26.3%
B 172 of 346 ~ 49.71'%

%23.99

%26.3

%49.71

CMYK color model

#535BAC color CMYK value is (52,47,0,33).

cyan value is 51.74%
magenta value is 47.09%
yellow value is 0.00%
key color value is 32.55%

CMYK: (52,47,0,33)
C52M47Y0K33 (52%, 47%, 0%, 33%)
(0.52 / 0.47 / 0.00 / 0.33)

CMYK percentages

%51.74

%47.09

%0

%32.55

Codes

Color #535BAC in popluar color models

	53	5B	AC
RGB	83	91	172
HSL	235°	34.90%	50.00%
HSB/HSV	235°	51.74%	67.45%
CMYK	51.74%	47.09%	0.00%
CMYK	32.55%

Color #535BAC in popluar number systems.

HEX	53	5B	AC
Decimal	83	91	172
Binary	1010011	1011011	10101100
Octal	123	133	254

Shades and tints

Shades of #535BAC

#535BAC
(83,91,172)

#4C539D
(76,83,157)

#454B8E
(69,75,142)

#3E437F
(62,67,127)

#373B70
(55,59,112)

#303361
(48,51,97)

#292B52
(41,43,82)

#222343
(34,35,67)

#1B1B34
(27,27,52)

#141325
(20,19,37)

#0D0B16
(13,11,22)

#000000
(0,0,0)

Tints of #535BAC

#535BAC
(83,91,172)

#6269B3
(98,105,179)

#7177BA
(113,119,186)

#8085C1
(128,133,193)

#8F93C8
(143,147,200)

#9EA1CF
(158,161,207)

#ADAFD6
(173,175,214)

#BCBDDD
(188,189,221)

#CBCBE4
(203,203,228)

#DAD9EB
(218,217,235)

#E9E7F2
(233,231,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #535BAC color. Also use rgb(83,91,172) instead hex code.

Text Font Color

.myTextColor { color: #535BAC; }

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

This text font color is #535BAC.

Background Color

.myBgColor { background-color: #535BAC; }

<div style="background-color:#535BAC">Inner text</div>

This div background color is #535BAC.

Border color

.myBorderColor { border: 1px solid #535BAC; }

This div border color is #535BAC.

Opacity

.myOpacity80 { color: #535BAC; opacity: 0.8; }

Text with #535BAC 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 #535BAC;}

This text has shadow with #535BAC color.

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

This text has shadow with #535BAC primary color and red secondary color.

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

This text has shadow with #535BAC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #535BAC.