COLOR #306790

HEX: #306790 RGB: (48,103,144)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#306790 color RGB value is (48,103,144).

red value is 48;
green value is 103;
blue value is 144.

RGB: (48,103,144) (19%, 40%, 56%)

RGB channels and saturation

R 48 of 255 = 19%
G 103 of 255 = 40%
B 144 of 255 = 56%

103

144

R + G + B ~ 38%. #306790 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 48 + 103 + 144 = 295 (100%)
R 48 of 295 ~ 16.27%
G 103 of 295 ~ 34.92%
B 144 of 295 ~ 48.81'%

%16.27

%34.92

%48.81

CMYK color model

#306790 color CMYK value is (67,28,0,44).

cyan value is 66.67%
magenta value is 28.47%
yellow value is 0.00%
key color value is 43.53%

CMYK: (67,28,0,44) C67M28Y0K44 (67%,28%,0%,44%) (0.67/0.28/0.00/0.44)

CMYK percentages

%66.67

%28.47

%43.53

Codes

Color #306790 in popluar color models

	30	67	90
RGB	48	103	144
HSL	206°	50.00%	37.65%
HSB/HSV	206°	66.67%	56.47%
CMYK	66.67%	28.47%	0.00%
CMYK	43.53%

Color #306790 in popluar number systems.

HEX	30	67	90
Decimal	48	103	144
Binary	110000	1100111	10010000
Octal	60	147	220

Shades and tints

Shades of #306790

#306790
(48,103,144)

#2C5E83
(44,94,131)

#285576
(40,85,118)

#244C69
(36,76,105)

#20435C
(32,67,92)

#1C3A4F
(28,58,79)

#183142
(24,49,66)

#142835
(20,40,53)

#101F28
(16,31,40)

#0C161B
(12,22,27)

#080D0E
(8,13,14)

#000000
(0,0,0)

Tints of #306790

#306790
(48,103,144)

#42749A
(66,116,154)

#5481A4
(84,129,164)

#668EAE
(102,142,174)

#789BB8
(120,155,184)

#8AA8C2
(138,168,194)

#9CB5CC
(156,181,204)

#AEC2D6
(174,194,214)

#C0CFE0
(192,207,224)

#D2DCEA
(210,220,234)

#E4E9F4
(228,233,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #306790 color. Also use rgb(48,103,144) instead hex code.

Text Font Color

.myTextColor { color: #306790; }

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

This text font color is #306790.

Background Color

.myBgColor { background-color: #306790; }

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

This div background color is #306790.

Border color

.myBorderColor { border: 1px solid #306790; }

This div border color is #306790.

Opacity

.myOpacity80 { color: #306790; opacity: 0.8; }

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

This text has shadow with #306790 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #306790.