COLOR #5B5498

HEX: #5B5498 RGB: (91,84,152)

Color info

#5B5498 contains mainly blue color. Web safe color of #5B5498 is #666699 (or #669).

RGB color model

#5B5498 color RGB value is (91,84,152).

RGB: (91,84,152) (36%, 33%, 60%)

RGB channels and saturation

R 91 of 255 = 36%
G 84 of 255 = 33%
B 152 of 255 = 60%

91
84
152

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

Portions of RGB colors in percentages

R + G + B = 91 + 84 + 152 = 327 (100%)
R 91 of 327 ~ 27.83%
G 84 of 327 ~ 25.69%
B 152 of 327 ~ 46.48'%

%27.83
%25.69
%46.48

CMYK color model

#5B5498 color CMYK value is (40,45,0,40).

  • cyan value is 40.13%
  • magenta value is 44.74%
  • yellow value is 0.00%
  • key color value is 40.39%

CMYK: (40,45,0,40)
C40M45Y0K40 (40%, 45%, 0%, 40%)
(0.40 / 0.45 / 0.00 / 0.40)

CMYK percentages

%40.13
%44.74
%0
%40.39

Codes

Color #5B5498 in popluar color models

5B 54 98
RGB 91 84 152
HSL 246° 28.81% 46.27%
HSB/HSV 246° 44.74% 59.61%
CMYK 40.13% 44.74% 0.00%
40.39%

Color #5B5498 in popluar number systems.

HEX 5B 54 98
Decimal 91 84 152
Binary 1011011 1010100 10011000
Octal 133 124 230

Shades and tints

Shades of #5B5498

#5B5498
(91,84,152)
#534D8B
(83,77,139)
#4B467E
(75,70,126)
#433F71
(67,63,113)
#3B3864
(59,56,100)
#333157
(51,49,87)
#2B2A4A
(43,42,74)
#23233D
(35,35,61)
#1B1C30
(27,28,48)
#131523
(19,21,35)
#0B0E16
(11,14,22)
#000000
(0,0,0)

Tints of #5B5498

#5B5498
(91,84,152)
#6963A1
(105,99,161)
#7772AA
(119,114,170)
#8581B3
(133,129,179)
#9390BC
(147,144,188)
#A19FC5
(161,159,197)
#AFAECE
(175,174,206)
#BDBDD7
(189,189,215)
#CBCCE0
(203,204,224)
#D9DBE9
(217,219,233)
#E7EAF2
(231,234,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5B5498 color. Also use rgb(91,84,152) instead hex code.

Text Font Color

.myTextColor { color: #5B5498; }

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

This text font color is #5B5498.

Background Color

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

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

This div background color is #5B5498.

Border color

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

<div style="border:3px solid #5B5498">Div</div>

This div border color is #5B5498.

Opacity

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

<p style="color:#5B5498;opacity:0.8;">80%</p>

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

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

This text has shadow with #5B5498 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #5B5498.

Preview

Color preview on black background

This text has color #5B5498 on black background.


Color preview on white background

This text has color #5B5498 on white background.


Black color preview on #5B5498 background

This text has black color on #5B5498 background.


White color preview on #5B5498 background

This text has white color on #5B5498 background.


Related colors

Complementary color

Complementary color for #hex is #A4AB67.


I love getcolorcode.com

Triadic colors

1 #985B54 and #54985B with #5B5498 are triadic colors.

2 #98545B and #545B98 with #5B5498 are triadic colors.