Color #7BA9EE

Color info

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

RGB color model

#7BA9EE color RGB value is (123,169,238).

red value is 123;
green value is 169;
blue value is 238.

RGB:
(123,169,238)
(48%,66%,93%)

RGB channels and saturation

R 123 of 255 = 48%
G 169 of 255 = 66%
B 238 of 255 = 93%

123

169

238

R + G + B ~ 69%. #7BA9EE is quite light color.

Portions of RGB colors in percentages

R + G + B =
123 + 169 + 238 = 530 (100%)
R 123 of 530 ~ 23.21%
G 169 of 530 ~ 31.89%
B 238 of 530 ~ 44.91%

%23.21

%31.89

%44.91

CMYK color model

#7BA9EE color CMYK value is (48,29,0,7).

cyan value is 48.32%
magenta value is 28.99%
yellow value is 0.00%
key color value is 6.67%

CMYK:
(48,29,0,7)
C48M29Y0K7 
(48%,29%,0%,7%)
(0.48/0.29/0.00/0.07)

CMYK percentages

%48.32

%28.99

%6.67

Codes

Color #7BA9EE in popluar color models

	7B	A9	EE
RGB	123	169	238
HSL	216°	77.18%	70.78%
HSB/HSV	216°	48.32%	93.33%
CMYK	48.32%	28.99%	0.00%
CMYK	6.67%

Color #7BA9EE in popluar number systems.

HEX	7B	A9	EE
Decimal	123	169	238
Binary	1111011	10101001	11101110
Octal	173	251	356

Shades and tints

Shades of #7BA9EE

#7BA9EE
(123,169,238)

#709AD9
(112,154,217)

#658BC4
(101,139,196)

#5A7CAF
(90,124,175)

#4F6D9A
(79,109,154)

#445E85
(68,94,133)

#394F70
(57,79,112)

#2E405B
(46,64,91)

#233146
(35,49,70)

#182231
(24,34,49)

#0D131C
(13,19,28)

#000000
(0,0,0)

Tints of #7BA9EE

#7BA9EE
(123,169,238)

#87B0EF
(135,176,239)

#93B7F0
(147,183,240)

#9FBEF1
(159,190,241)

#ABC5F2
(171,197,242)

#B7CCF3
(183,204,243)

#C3D3F4
(195,211,244)

#CFDAF5
(207,218,245)

#DBE1F6
(219,225,246)

#E7E8F7
(231,232,247)

#F3EFF8
(243,239,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7BA9EE color. Also use rgb(123,169,238) instead hex code.

Text Font Color

.myTextColor { color: #7BA9EE; }

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

This text font color is #7BA9EE.

Background Color

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

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

This div background color is #7BA9EE.

Border color

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

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

This div border color is #7BA9EE.

Opacity

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

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

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

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

This text has shadow with #7BA9EE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7BA9EE.

Preview

Color preview on black background

This text has color #7BA9EE on black background.

Color preview on white background

This text has color #7BA9EE on white background.

Black color preview on #7BA9EE background

This text has black color on #7BA9EE background.

White color preview on #7BA9EE background

This text has white color on #7BA9EE background.