COLOR #5C5CBC

HEX: #5C5CBC RGB: (92,92,188)

Color info

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

RGB color model

#5C5CBC color RGB value is (92,92,188).

RGB: (92,92,188) (36%, 36%, 74%)

RGB channels and saturation

R 92 of 255 = 36%
G 92 of 255 = 36%
B 188 of 255 = 74%

92
92
188

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

Portions of RGB colors in percentages

R + G + B = 92 + 92 + 188 = 372 (100%)
R 92 of 372 ~ 24.73%
G 92 of 372 ~ 24.73%
B 188 of 372 ~ 50.54'%

%24.73
%24.73
%50.54

CMYK color model

#5C5CBC color CMYK value is (51,51,0,26).

  • cyan value is 51.06%
  • magenta value is 51.06%
  • yellow value is 0.00%
  • key color value is 26.27%

CMYK: (51,51,0,26)
C51M51Y0K26 (51%, 51%, 0%, 26%)
(0.51 / 0.51 / 0.00 / 0.26)

CMYK percentages

%51.06
%51.06
%0
%26.27

Codes

Color #5C5CBC in popluar color models

5C 5C BC
RGB 92 92 188
HSL 240° 41.74% 54.90%
HSB/HSV 240° 51.06% 73.73%
CMYK 51.06% 51.06% 0.00%
26.27%

Color #5C5CBC in popluar number systems.

HEX 5C 5C BC
Decimal 92 92 188
Binary 1011100 1011100 10111100
Octal 134 134 274

Shades and tints

Shades of #5C5CBC

#5C5CBC
(92,92,188)
#5454AB
(84,84,171)
#4C4C9A
(76,76,154)
#444489
(68,68,137)
#3C3C78
(60,60,120)
#343467
(52,52,103)
#2C2C56
(44,44,86)
#242445
(36,36,69)
#1C1C34
(28,28,52)
#141423
(20,20,35)
#0C0C12
(12,12,18)
#000000
(0,0,0)

Tints of #5C5CBC

#5C5CBC
(92,92,188)
#6A6AC2
(106,106,194)
#7878C8
(120,120,200)
#8686CE
(134,134,206)
#9494D4
(148,148,212)
#A2A2DA
(162,162,218)
#B0B0E0
(176,176,224)
#BEBEE6
(190,190,230)
#CCCCEC
(204,204,236)
#DADAF2
(218,218,242)
#E8E8F8
(232,232,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5C5CBC color. Also use rgb(92,92,188) instead hex code.

Text Font Color

.myTextColor { color: #5C5CBC; }

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

This text font color is #5C5CBC.

Background Color

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

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

This div background color is #5C5CBC.

Border color

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

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

This div border color is #5C5CBC.

Opacity

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

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

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

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

This text has shadow with #5C5CBC color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #5C5CBC.

Preview

Color preview on black background

This text has color #5C5CBC on black background.


Color preview on white background

This text has color #5C5CBC on white background.


Black color preview on #5C5CBC background

This text has black color on #5C5CBC background.


White color preview on #5C5CBC background

This text has white color on #5C5CBC background.


Related colors

Complementary color

Complementary color for #hex is #A3A343.


I love getcolorcode.com