Color #7AB3DF

Color info

#7AB3DF contains mainly green and blue colors. Web safe color of #7AB3DF is #6699CC (or #69C).

RGB color model

#7AB3DF color RGB value is (122,179,223).

red value is 122;
green value is 179;
blue value is 223.

RGB: (122,179,223) (48%, 70%, 87%)

RGB channels and saturation

R 122 of 255 = 48%
G 179 of 255 = 70%
B 223 of 255 = 87%

122

179

223

R + G + B ~ 68%. #7AB3DF is quite light color.

Portions of RGB colors in percentages

R + G + B = 122 + 179 + 223 = 524 (100%)
R 122 of 524 ~ 23.28%
G 179 of 524 ~ 34.16%
B 223 of 524 ~ 42.56'%

%23.28

%34.16

%42.56

CMYK color model

#7AB3DF color CMYK value is (45,20,0,13).

cyan value is 45.29%
magenta value is 19.73%
yellow value is 0.00%
key color value is 12.55%

CMYK: (45,20,0,13)
C45M20Y0K13 (45%, 20%, 0%, 13%)
(0.45 / 0.20 / 0.00 / 0.13)

CMYK percentages

%45.29

%19.73

%0

%12.55

Codes

Color #7AB3DF in popluar color models

	7A	B3	DF
RGB	122	179	223
HSL	206°	61.21%	67.65%
HSB/HSV	206°	45.29%	87.45%
CMYK	45.29%	19.73%	0.00%
CMYK	12.55%

Color #7AB3DF in popluar number systems.

HEX	7A	B3	DF
Decimal	122	179	223
Binary	1111010	10110011	11011111
Octal	172	263	337

Shades and tints

Shades of #7AB3DF

#7AB3DF
(122,179,223)

#6FA3CB
(111,163,203)

#6493B7
(100,147,183)

#5983A3
(89,131,163)

#4E738F
(78,115,143)

#43637B
(67,99,123)

#385367
(56,83,103)

#2D4353
(45,67,83)

#22333F
(34,51,63)

#17232B
(23,35,43)

#0C1317
(12,19,23)

#000000
(0,0,0)

Tints of #7AB3DF

#7AB3DF
(122,179,223)

#86B9E1
(134,185,225)

#92BFE3
(146,191,227)

#9EC5E5
(158,197,229)

#AACBE7
(170,203,231)

#B6D1E9
(182,209,233)

#C2D7EB
(194,215,235)

#CEDDED
(206,221,237)

#DAE3EF
(218,227,239)

#E6E9F1
(230,233,241)

#F2EFF3
(242,239,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7AB3DF color. Also use rgb(122,179,223) instead hex code.

Text Font Color

.myTextColor { color: #7AB3DF; }

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

This text font color is #7AB3DF.

Background Color

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

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

This div background color is #7AB3DF.

Border color

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

This div border color is #7AB3DF.

Opacity

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

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

This text has shadow with #7AB3DF color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7AB3DF.