Color #7A9DE3

Color info

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

RGB color model

#7A9DE3 color RGB value is (122,157,227).

red value is 122;
green value is 157;
blue value is 227.

RGB: (122,157,227) (48%, 62%, 89%)

RGB channels and saturation

R 122 of 255 = 48%
G 157 of 255 = 62%
B 227 of 255 = 89%

122

157

227

R + G + B ~ 66%. #7A9DE3 is quite light color.

Portions of RGB colors in percentages

R + G + B = 122 + 157 + 227 = 506 (100%)
R 122 of 506 ~ 24.11%
G 157 of 506 ~ 31.03%
B 227 of 506 ~ 44.86'%

%24.11

%31.03

%44.86

CMYK color model

#7A9DE3 color CMYK value is (46,31,0,11).

cyan value is 46.26%
magenta value is 30.84%
yellow value is 0.00%
key color value is 10.98%

CMYK: (46,31,0,11)
C46M31Y0K11 (46%, 31%, 0%, 11%)
(0.46 / 0.31 / 0.00 / 0.11)

CMYK percentages

%46.26

%30.84

%0

%10.98

Codes

Color #7A9DE3 in popluar color models

	7A	9D	E3
RGB	122	157	227
HSL	220°	65.22%	68.43%
HSB/HSV	220°	46.26%	89.02%
CMYK	46.26%	30.84%	0.00%
CMYK	10.98%

Color #7A9DE3 in popluar number systems.

HEX	7A	9D	E3
Decimal	122	157	227
Binary	1111010	10011101	11100011
Octal	172	235	343

Shades and tints

Shades of #7A9DE3

#7A9DE3
(122,157,227)

#6F8FCF
(111,143,207)

#6481BB
(100,129,187)

#5973A7
(89,115,167)

#4E6593
(78,101,147)

#43577F
(67,87,127)

#38496B
(56,73,107)

#2D3B57
(45,59,87)

#222D43
(34,45,67)

#171F2F
(23,31,47)

#0C111B
(12,17,27)

#000000
(0,0,0)

Tints of #7A9DE3

#7A9DE3
(122,157,227)

#86A5E5
(134,165,229)

#92ADE7
(146,173,231)

#9EB5E9
(158,181,233)

#AABDEB
(170,189,235)

#B6C5ED
(182,197,237)

#C2CDEF
(194,205,239)

#CED5F1
(206,213,241)

#DADDF3
(218,221,243)

#E6E5F5
(230,229,245)

#F2EDF7
(242,237,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7A9DE3 color. Also use rgb(122,157,227) instead hex code.

Text Font Color

.myTextColor { color: #7A9DE3; }

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

This text font color is #7A9DE3.

Background Color

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

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

This div background color is #7A9DE3.

Border color

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

This div border color is #7A9DE3.

Opacity

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

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

This text has shadow with #7A9DE3 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7A9DE3.