Color #7D9AEC

Color info

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

RGB color model

#7D9AEC color RGB value is (125,154,236).

red value is 125;
green value is 154;
blue value is 236.

RGB:
(125,154,236)
(49%,60%,93%)

RGB channels and saturation

R 125 of 255 = 49%
G 154 of 255 = 60%
B 236 of 255 = 93%

125

154

236

R + G + B ~ 67%. #7D9AEC is quite light color.

Portions of RGB colors in percentages

R + G + B =
125 + 154 + 236 = 515 (100%)
R 125 of 515 ~ 24.27%
G 154 of 515 ~ 29.9%
B 236 of 515 ~ 45.83%

%24.27

%29.9

%45.83

CMYK color model

#7D9AEC color CMYK value is (47,35,0,7).

cyan value is 47.03%
magenta value is 34.75%
yellow value is 0.00%
key color value is 7.45%

CMYK:
(47,35,0,7)
C47M35Y0K7 
(47%,35%,0%,7%)
(0.47/0.35/0.00/0.07)

CMYK percentages

%47.03

%34.75

%7.45

Codes

Color #7D9AEC in popluar color models

	7D	9A	EC
RGB	125	154	236
HSL	224°	74.50%	70.78%
HSB/HSV	224°	47.03%	92.55%
CMYK	47.03%	34.75%	0.00%
CMYK	7.45%

Color #7D9AEC in popluar number systems.

HEX	7D	9A	EC
Decimal	125	154	236
Binary	1111101	10011010	11101100
Octal	175	232	354

Shades and tints

Shades of #7D9AEC

#7D9AEC
(125,154,236)

#728CD7
(114,140,215)

#677EC2
(103,126,194)

#5C70AD
(92,112,173)

#516298
(81,98,152)

#465483
(70,84,131)

#3B466E
(59,70,110)

#303859
(48,56,89)

#252A44
(37,42,68)

#1A1C2F
(26,28,47)

#0F0E1A
(15,14,26)

#000000
(0,0,0)

Tints of #7D9AEC

#7D9AEC
(125,154,236)

#88A3ED
(136,163,237)

#93ACEE
(147,172,238)

#9EB5EF
(158,181,239)

#A9BEF0
(169,190,240)

#B4C7F1
(180,199,241)

#BFD0F2
(191,208,242)

#CAD9F3
(202,217,243)

#D5E2F4
(213,226,244)

#E0EBF5
(224,235,245)

#EBF4F6
(235,244,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7D9AEC color. Also use rgb(125,154,236) instead hex code.

Text Font Color

.myTextColor { color: #7D9AEC; }

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

This text font color is #7D9AEC.

Background Color

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

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

This div background color is #7D9AEC.

Border color

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

<div style="border:3px solid #7D9AEC">Div</div>

This div border color is #7D9AEC.

Opacity

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

<p style="color:#7D9AEC;opacity:0.8;">80%</p>

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

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

This text has shadow with #7D9AEC color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7D9AEC.

Preview

Color preview on black background

This text has color #7D9AEC on black background.

Color preview on white background

This text has color #7D9AEC on white background.

Black color preview on #7D9AEC background

This text has black color on #7D9AEC background.

White color preview on #7D9AEC background

This text has white color on #7D9AEC background.