COLOR #2E6696

HEX: #2E6696 RGB: (46,102,150)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#2E6696 contains mainly green and blue colors. Web safe color of #2E6696 is #336699 (or #369).

RGB color model

#2E6696 color RGB value is (46,102,150).

red value is 46;
green value is 102;
blue value is 150.

RGB: (46,102,150) (18%, 40%, 59%)

RGB channels and saturation

R 46 of 255 = 18%
G 102 of 255 = 40%
B 150 of 255 = 59%

102

150

R + G + B ~ 39%. #2E6696 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 46 + 102 + 150 = 298 (100%)
R 46 of 298 ~ 15.44%
G 102 of 298 ~ 34.23%
B 150 of 298 ~ 50.34'%

%15.44

%34.23

%50.34

CMYK color model

#2E6696 color CMYK value is (69,32,0,41).

cyan value is 69.33%
magenta value is 32.00%
yellow value is 0.00%
key color value is 41.18%

CMYK: (69,32,0,41) C69M32Y0K41 (69%,32%,0%,41%) (0.69/0.32/0.00/0.41)

CMYK percentages

%69.33

%32

%41.18

Codes

Color #2E6696 in popluar color models

	2E	66	96
RGB	46	102	150
HSL	208°	53.06%	38.43%
HSB/HSV	208°	69.33%	58.82%
CMYK	69.33%	32.00%	0.00%
CMYK	41.18%

Color #2E6696 in popluar number systems.

HEX	2E	66	96
Decimal	46	102	150
Binary	101110	1100110	10010110
Octal	56	146	226

Shades and tints

Shades of #2E6696

#2E6696
(46,102,150)

#2A5D89
(42,93,137)

#26547C
(38,84,124)

#224B6F
(34,75,111)

#1E4262
(30,66,98)

#1A3955
(26,57,85)

#163048
(22,48,72)

#12273B
(18,39,59)

#0E1E2E
(14,30,46)

#0A1521
(10,21,33)

#060C14
(6,12,20)

#000000
(0,0,0)

Tints of #2E6696

#2E6696
(46,102,150)

#41739F
(65,115,159)

#5480A8
(84,128,168)

#678DB1
(103,141,177)

#7A9ABA
(122,154,186)

#8DA7C3
(141,167,195)

#A0B4CC
(160,180,204)

#B3C1D5
(179,193,213)

#C6CEDE
(198,206,222)

#D9DBE7
(217,219,231)

#ECE8F0
(236,232,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #2E6696 color. Also use rgb(46,102,150) instead hex code.

Text Font Color

.myTextColor { color: #2E6696; }

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

This text font color is #2E6696.

Background Color

.myBgColor { background-color: #2E6696; }

<div style="background-color:#2E6696">Inner text</div>

This div background color is #2E6696.

Border color

.myBorderColor { border: 1px solid #2E6696; }

This div border color is #2E6696.

Opacity

.myOpacity80 { color: #2E6696; opacity: 0.8; }

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

This text has shadow with #2E6696 color.

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

This text has shadow with #2E6696 primary color and red secondary color.

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

This text has shadow with #2E6696 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #2E6696.