COLOR #303F8A

HEX: #303F8A RGB: (48,63,138)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#303F8A contains mainly blue color. Web safe color of #303F8A is #333399 (or #339).

RGB color model

#303F8A color RGB value is (48,63,138).

red value is 48;
green value is 63;
blue value is 138.

RGB: (48,63,138) (19%, 25%, 54%)

RGB channels and saturation

R 48 of 255 = 19%
G 63 of 255 = 25%
B 138 of 255 = 54%

138

R + G + B ~ 33%. #303F8A is quite dark color.

Portions of RGB colors in percentages

R + G + B = 48 + 63 + 138 = 249 (100%)
R 48 of 249 ~ 19.28%
G 63 of 249 ~ 25.3%
B 138 of 249 ~ 55.42'%

%19.28

%25.3

%55.42

CMYK color model

#303F8A color CMYK value is (65,54,0,46).

cyan value is 65.22%
magenta value is 54.35%
yellow value is 0.00%
key color value is 45.88%

CMYK: (65,54,0,46) C65M54Y0K46 (65%,54%,0%,46%) (0.65/0.54/0.00/0.46)

CMYK percentages

%65.22

%54.35

%45.88

Codes

Color #303F8A in popluar color models

	30	3F	8A
RGB	48	63	138
HSL	230°	48.39%	36.47%
HSB/HSV	230°	65.22%	54.12%
CMYK	65.22%	54.35%	0.00%
CMYK	45.88%

Color #303F8A in popluar number systems.

HEX	30	3F	8A
Decimal	48	63	138
Binary	110000	111111	10001010
Octal	60	77	212

Shades and tints

Shades of #303F8A

#303F8A
(48,63,138)

#2C3A7E
(44,58,126)

#283572
(40,53,114)

#243066
(36,48,102)

#202B5A
(32,43,90)

#1C264E
(28,38,78)

#182142
(24,33,66)

#141C36
(20,28,54)

#10172A
(16,23,42)

#0C121E
(12,18,30)

#080D12
(8,13,18)

#000000
(0,0,0)

Tints of #303F8A

#303F8A
(48,63,138)

#425094
(66,80,148)

#54619E
(84,97,158)

#6672A8
(102,114,168)

#7883B2
(120,131,178)

#8A94BC
(138,148,188)

#9CA5C6
(156,165,198)

#AEB6D0
(174,182,208)

#C0C7DA
(192,199,218)

#D2D8E4
(210,216,228)

#E4E9EE
(228,233,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #303F8A color. Also use rgb(48,63,138) instead hex code.

Text Font Color

.myTextColor { color: #303F8A; }

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

This text font color is #303F8A.

Background Color

.myBgColor { background-color: #303F8A; }

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

This div background color is #303F8A.

Border color

.myBorderColor { border: 1px solid #303F8A; }

This div border color is #303F8A.

Opacity

.myOpacity80 { color: #303F8A; opacity: 0.8; }

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

This text has shadow with #303F8A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #303F8A.