COLOR #6A99CF

HEX: #6A99CF RGB: (106,153,207)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#6A99CF color RGB value is (106,153,207).

red value is 106;
green value is 153;
blue value is 207.

RGB: (106,153,207) (42%, 60%, 81%)

RGB channels and saturation

R 106 of 255 = 42%
G 153 of 255 = 60%
B 207 of 255 = 81%

106

153

207

R + G + B ~ 61%. #6A99CF is quite light color.

Portions of RGB colors in percentages

R + G + B = 106 + 153 + 207 = 466 (100%)
R 106 of 466 ~ 22.75%
G 153 of 466 ~ 32.83%
B 207 of 466 ~ 44.42'%

%22.75

%32.83

%44.42

CMYK color model

#6A99CF color CMYK value is (49,26,0,19).

cyan value is 48.79%
magenta value is 26.09%
yellow value is 0.00%
key color value is 18.82%

CMYK: (49,26,0,19) C49M26Y0K19 (49%,26%,0%,19%) (0.49/0.26/0.00/0.19)

CMYK percentages

%48.79

%26.09

%18.82

Codes

Color #6A99CF in popluar color models

	6A	99	CF
RGB	106	153	207
HSL	212°	51.27%	61.37%
HSB/HSV	212°	48.79%	81.18%
CMYK	48.79%	26.09%	0.00%
CMYK	18.82%

Color #6A99CF in popluar number systems.

HEX	6A	99	CF
Decimal	106	153	207
Binary	1101010	10011001	11001111
Octal	152	231	317

Shades and tints

Shades of #6A99CF

#6A99CF
(106,153,207)

#618CBD
(97,140,189)

#587FAB
(88,127,171)

#4F7299
(79,114,153)

#466587
(70,101,135)

#3D5875
(61,88,117)

#344B63
(52,75,99)

#2B3E51
(43,62,81)

#22313F
(34,49,63)

#19242D
(25,36,45)

#10171B
(16,23,27)

#000000
(0,0,0)

Tints of #6A99CF

#6A99CF
(106,153,207)

#77A2D3
(119,162,211)

#84ABD7
(132,171,215)

#91B4DB
(145,180,219)

#9EBDDF
(158,189,223)

#ABC6E3
(171,198,227)

#B8CFE7
(184,207,231)

#C5D8EB
(197,216,235)

#D2E1EF
(210,225,239)

#DFEAF3
(223,234,243)

#ECF3F7
(236,243,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6A99CF color. Also use rgb(106,153,207) instead hex code.

Text Font Color

.myTextColor { color: #6A99CF; }

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

This text font color is #6A99CF.

Background Color

.myBgColor { background-color: #6A99CF; }

<div style="background-color:#6A99CF">Inner text</div>

This div background color is #6A99CF.

Border color

.myBorderColor { border: 1px solid #6A99CF; }

This div border color is #6A99CF.

Opacity

.myOpacity80 { color: #6A99CF; opacity: 0.8; }

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

This text has shadow with #6A99CF color.

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

This text has shadow with #6A99CF primary color and red secondary color.

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

This text has shadow with #6A99CF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6A99CF.