Color #756FDA

Color info

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

RGB color model

#756FDA color RGB value is (117,111,218).

red value is 117;
green value is 111;
blue value is 218.

RGB: (117,111,218) (46%, 44%, 85%)

RGB channels and saturation

R 117 of 255 = 46%
G 111 of 255 = 44%
B 218 of 255 = 85%

117

111

218

R + G + B ~ 58%. #756FDA is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 117 + 111 + 218 = 446 (100%)
R 117 of 446 ~ 26.23%
G 111 of 446 ~ 24.89%
B 218 of 446 ~ 48.88'%

%26.23

%24.89

%48.88

CMYK color model

#756FDA color CMYK value is (46,49,0,15).

cyan value is 46.33%
magenta value is 49.08%
yellow value is 0.00%
key color value is 14.51%

CMYK: (46,49,0,15)
C46M49Y0K15 (46%, 49%, 0%, 15%)
(0.46 / 0.49 / 0.00 / 0.15)

CMYK percentages

%46.33

%49.08

%0

%14.51

Codes

Color #756FDA in popluar color models

	75	6F	DA
RGB	117	111	218
HSL	243°	59.12%	64.51%
HSB/HSV	243°	49.08%	85.49%
CMYK	46.33%	49.08%	0.00%
CMYK	14.51%

Color #756FDA in popluar number systems.

HEX	75	6F	DA
Decimal	117	111	218
Binary	1110101	1101111	11011010
Octal	165	157	332

Shades and tints

Shades of #756FDA

#756FDA
(117,111,218)

#6B65C7
(107,101,199)

#615BB4
(97,91,180)

#5751A1
(87,81,161)

#4D478E
(77,71,142)

#433D7B
(67,61,123)

#393368
(57,51,104)

#2F2955
(47,41,85)

#251F42
(37,31,66)

#1B152F
(27,21,47)

#110B1C
(17,11,28)

#000000
(0,0,0)

Tints of #756FDA

#756FDA
(117,111,218)

#817CDD
(129,124,221)

#8D89E0
(141,137,224)

#9996E3
(153,150,227)

#A5A3E6
(165,163,230)

#B1B0E9
(177,176,233)

#BDBDEC
(189,189,236)

#C9CAEF
(201,202,239)

#D5D7F2
(213,215,242)

#E1E4F5
(225,228,245)

#EDF1F8
(237,241,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #756FDA color. Also use rgb(117,111,218) instead hex code.

Text Font Color

.myTextColor { color: #756FDA; }

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

This text font color is #756FDA.

Background Color

.myBgColor { background-color: #756FDA; }

<div style="background-color:#756FDA">Inner text</div>

This div background color is #756FDA.

Border color

.myBorderColor { border: 1px solid #756FDA; }

This div border color is #756FDA.

Opacity

.myOpacity80 { color: #756FDA; opacity: 0.8; }

Text with #756FDA 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 #756FDA;}

This text has shadow with #756FDA color.

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

This text has shadow with #756FDA primary color and red secondary color.

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

This text has shadow with #756FDA and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #756FDA.