Color #7983EC

Color info

#7983EC contains mainly blue color. Web safe color of #7983EC is #6699FF (or #69F).

RGB color model

#7983EC color RGB value is (121,131,236).

red value is 121;
green value is 131;
blue value is 236.

RGB:
(121,131,236)
(47%,51%,93%)

RGB channels and saturation

R 121 of 255 = 47%
G 131 of 255 = 51%
B 236 of 255 = 93%

121

131

236

R + G + B ~ 64%. #7983EC is quite light color.

Portions of RGB colors in percentages

R + G + B =
121 + 131 + 236 = 488 (100%)
R 121 of 488 ~ 24.8%
G 131 of 488 ~ 26.84%
B 236 of 488 ~ 48.36%

%24.8

%26.84

%48.36

CMYK color model

#7983EC color CMYK value is (49,44,0,7).

cyan value is 48.73%
magenta value is 44.49%
yellow value is 0.00%
key color value is 7.45%

CMYK:
(49,44,0,7)
C49M44Y0K7 
(49%,44%,0%,7%)
(0.49/0.44/0.00/0.07)

CMYK percentages

%48.73

%44.49

%7.45

Codes

Color #7983EC in popluar color models

	79	83	EC
RGB	121	131	236
HSL	235°	75.16%	70.00%
HSB/HSV	235°	48.73%	92.55%
CMYK	48.73%	44.49%	0.00%
CMYK	7.45%

Color #7983EC in popluar number systems.

HEX	79	83	EC
Decimal	121	131	236
Binary	1111001	10000011	11101100
Octal	171	203	354

Shades and tints

Shades of #7983EC

#7983EC
(121,131,236)

#6E78D7
(110,120,215)

#636DC2
(99,109,194)

#5862AD
(88,98,173)

#4D5798
(77,87,152)

#424C83
(66,76,131)

#37416E
(55,65,110)

#2C3659
(44,54,89)

#212B44
(33,43,68)

#16202F
(22,32,47)

#0B151A
(11,21,26)

#000000
(0,0,0)

Tints of #7983EC

#7983EC
(121,131,236)

#858EED
(133,142,237)

#9199EE
(145,153,238)

#9DA4EF
(157,164,239)

#A9AFF0
(169,175,240)

#B5BAF1
(181,186,241)

#C1C5F2
(193,197,242)

#CDD0F3
(205,208,243)

#D9DBF4
(217,219,244)

#E5E6F5
(229,230,245)

#F1F1F6
(241,241,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7983EC color. Also use rgb(121,131,236) instead hex code.

Text Font Color

.myTextColor { color: #7983EC; }

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

This text font color is #7983EC.

Background Color

.myBgColor { background-color: #7983EC; }

<div style="background-color:#7983EC">Inner text</div>

This div background color is #7983EC.

Border color

.myBorderColor { border: 1px solid #7983EC; }

<div style="border:3px solid #7983EC">Div</div>

This div border color is #7983EC.

Opacity

.myOpacity80 { color: #7983EC; opacity: 0.8; }

<p style="color:#7983EC;opacity:0.8;">80%</p>

Text with #7983EC 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 #7983EC;}

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

This text has shadow with #7983EC color.

.textShadow {text-shadow: 3px 3px 1px #7983EC, 3px 3px 1px red;}

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

This text has shadow with #7983EC primary color and red secondary color.

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

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

This text has shadow with #7983EC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #7983EC.

Preview

Color preview on black background

This text has color #7983EC on black background.

Color preview on white background

This text has color #7983EC on white background.

Black color preview on #7983EC background

This text has black color on #7983EC background.

White color preview on #7983EC background

This text has white color on #7983EC background.