Color #7836FC

Color info

#7836FC contains mainly blue color. Web safe color of #7836FC is #6633FF (or #63F).

RGB color model

#7836FC color RGB value is (120,54,252).

red value is 120;
green value is 54;
blue value is 252.

RGB:
(120,54,252)
(47%,21%,99%)

RGB channels and saturation

R 120 of 255 = 47%
G 54 of 255 = 21%
B 252 of 255 = 99%

120

252

R + G + B ~ 56%. #7836FC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
120 + 54 + 252 = 426 (100%)
R 120 of 426 ~ 28.17%
G 54 of 426 ~ 12.68%
B 252 of 426 ~ 59.15%

%28.17

%12.68

%59.15

CMYK color model

#7836FC color CMYK value is (52,79,0,1).

cyan value is 52.38%
magenta value is 78.57%
yellow value is 0.00%
key color value is 1.18%

CMYK:
(52,79,0,1)
C52M79Y0K1 
(52%,79%,0%,1%)
(0.52/0.79/0.00/0.01)

CMYK percentages

%52.38

%78.57

%1.18

Codes

Color #7836FC in popluar color models

	78	36	FC
RGB	120	54	252
HSL	260°	97.06%	60.00%
HSB/HSV	260°	78.57%	98.82%
CMYK	52.38%	78.57%	0.00%
CMYK	1.18%

Color #7836FC in popluar number systems.

HEX	78	36	FC
Decimal	120	54	252
Binary	1111000	110110	11111100
Octal	170	66	374

Shades and tints

Shades of #7836FC

#7836FC
(120,54,252)

#6E32E6
(110,50,230)

#642ED0
(100,46,208)

#5A2ABA
(90,42,186)

#5026A4
(80,38,164)

#46228E
(70,34,142)

#3C1E78
(60,30,120)

#321A62
(50,26,98)

#28164C
(40,22,76)

#1E1236
(30,18,54)

#140E20
(20,14,32)

#000000
(0,0,0)

Tints of #7836FC

#7836FC
(120,54,252)

#8448FC
(132,72,252)

#905AFC
(144,90,252)

#9C6CFC
(156,108,252)

#A87EFC
(168,126,252)

#B490FC
(180,144,252)

#C0A2FC
(192,162,252)

#CCB4FC
(204,180,252)

#D8C6FC
(216,198,252)

#E4D8FC
(228,216,252)

#F0EAFC
(240,234,252)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7836FC color. Also use rgb(120,54,252) instead hex code.

Text Font Color

.myTextColor { color: #7836FC; }

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

This text font color is #7836FC.

Background Color

.myBgColor { background-color: #7836FC; }

<div style="background-color:#7836FC">Inner text</div>

This div background color is #7836FC.

Border color

.myBorderColor { border: 1px solid #7836FC; }

<div style="border:3px solid #7836FC">Div</div>

This div border color is #7836FC.

Opacity

.myOpacity80 { color: #7836FC; opacity: 0.8; }

<p style="color:#7836FC;opacity:0.8;">80%</p>

Text with #7836FC 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 #7836FC;}

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

This text has shadow with #7836FC color.

.textShadow {text-shadow: 3px 3px 1px #7836FC, 3px 3px 1px red;}

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

This text has shadow with #7836FC primary color and red secondary color.

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

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

This text has shadow with #7836FC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #7836FC.

Preview

Color preview on black background

This text has color #7836FC on black background.

Color preview on white background

This text has color #7836FC on white background.

Black color preview on #7836FC background

This text has black color on #7836FC background.

White color preview on #7836FC background

This text has white color on #7836FC background.