COLOR #7D8ACE

HEX: #7D8ACE RGB: (125,138,206)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7D8ACE contains mainly blue color. Web safe color of #7D8ACE is #6699CC (or #69C).

RGB color model

#7D8ACE color RGB value is (125,138,206).

red value is 125;
green value is 138;
blue value is 206.

RGB: (125,138,206) (49%, 54%, 81%)

RGB channels and saturation

R 125 of 255 = 49%
G 138 of 255 = 54%
B 206 of 255 = 81%

125

138

206

R + G + B ~ 61%. #7D8ACE is quite light color.

Portions of RGB colors in percentages

R + G + B = 125 + 138 + 206 = 469 (100%)
R 125 of 469 ~ 26.65%
G 138 of 469 ~ 29.42%
B 206 of 469 ~ 43.92'%

%26.65

%29.42

%43.92

CMYK color model

#7D8ACE color CMYK value is (39,33,0,19).

cyan value is 39.32%
magenta value is 33.01%
yellow value is 0.00%
key color value is 19.22%

CMYK: (39,33,0,19) C39M33Y0K19 (39%,33%,0%,19%) (0.39/0.33/0.00/0.19)

CMYK percentages

%39.32

%33.01

%19.22

Codes

Color #7D8ACE in popluar color models

	7D	8A	CE
RGB	125	138	206
HSL	230°	45.25%	64.90%
HSB/HSV	230°	39.32%	80.78%
CMYK	39.32%	33.01%	0.00%
CMYK	19.22%

Color #7D8ACE in popluar number systems.

HEX	7D	8A	CE
Decimal	125	138	206
Binary	1111101	10001010	11001110
Octal	175	212	316

Shades and tints

Shades of #7D8ACE

#7D8ACE
(125,138,206)

#727EBC
(114,126,188)

#6772AA
(103,114,170)

#5C6698
(92,102,152)

#515A86
(81,90,134)

#464E74
(70,78,116)

#3B4262
(59,66,98)

#303650
(48,54,80)

#252A3E
(37,42,62)

#1A1E2C
(26,30,44)

#0F121A
(15,18,26)

#000000
(0,0,0)

Tints of #7D8ACE

#7D8ACE
(125,138,206)

#8894D2
(136,148,210)

#939ED6
(147,158,214)

#9EA8DA
(158,168,218)

#A9B2DE
(169,178,222)

#B4BCE2
(180,188,226)

#BFC6E6
(191,198,230)

#CAD0EA
(202,208,234)

#D5DAEE
(213,218,238)

#E0E4F2
(224,228,242)

#EBEEF6
(235,238,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7D8ACE color. Also use rgb(125,138,206) instead hex code.

Text Font Color

.myTextColor { color: #7D8ACE; }

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

This text font color is #7D8ACE.

Background Color

.myBgColor { background-color: #7D8ACE; }

<div style="background-color:#7D8ACE">Inner text</div>

This div background color is #7D8ACE.

Border color

.myBorderColor { border: 1px solid #7D8ACE; }

This div border color is #7D8ACE.

Opacity

.myOpacity80 { color: #7D8ACE; opacity: 0.8; }

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

This text has shadow with #7D8ACE color.

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

This text has shadow with #7D8ACE primary color and red secondary color.

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

This text has shadow with #7D8ACE and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #7D8ACE.