COLOR #0D2150

HEX: #0D2150 RGB: (13,33,80)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#0D2150 contains mainly green and blue colors. Web safe color of #0D2150 is #003366 (or #036).

RGB color model

#0D2150 color RGB value is (13,33,80).

red value is 13;
green value is 33;
blue value is 80.

RGB: (13,33,80) (5%, 13%, 31%)

RGB channels and saturation

R 13 of 255 = 5%
G 33 of 255 = 13%
B 80 of 255 = 31%

R + G + B ~ 16%. #0D2150 is dark color.

Portions of RGB colors in percentages

R + G + B = 13 + 33 + 80 = 126 (100%)
R 13 of 126 ~ 10.32%
G 33 of 126 ~ 26.19%
B 80 of 126 ~ 63.49'%

%10.32

%26.19

%63.49

CMYK color model

#0D2150 color CMYK value is (84,59,0,69).

cyan value is 83.75%
magenta value is 58.75%
yellow value is 0.00%
key color value is 68.63%

CMYK: (84,59,0,69) C84M59Y0K69 (84%,59%,0%,69%) (0.84/0.59/0.00/0.69)

CMYK percentages

%83.75

%58.75

%68.63

Codes

Color #0D2150 in popluar color models

	0D	21	50
RGB	13	33	80
HSL	222°	72.04%	18.24%
HSB/HSV	222°	83.75%	31.37%
CMYK	83.75%	58.75%	0.00%
CMYK	68.63%

Color #0D2150 in popluar number systems.

HEX	0D	21	50
Decimal	13	33	80
Binary	1101	100001	1010000
Octal	15	41	120

Shades and tints

Shades of #0D2150

#0D2150
(13,33,80)

#0C1E49
(12,30,73)

#0B1B42
(11,27,66)

#0A183B
(10,24,59)

#091534
(9,21,52)

#08122D
(8,18,45)

#070F26
(7,15,38)

#060C1F
(6,12,31)

#050918
(5,9,24)

#040611
(4,6,17)

#03030A
(3,3,10)

#000000
(0,0,0)

Tints of #0D2150

#0D2150
(13,33,80)

#23355F
(35,53,95)

#39496E
(57,73,110)

#4F5D7D
(79,93,125)

#65718C
(101,113,140)

#7B859B
(123,133,155)

#9199AA
(145,153,170)

#A7ADB9
(167,173,185)

#BDC1C8
(189,193,200)

#D3D5D7
(211,213,215)

#E9E9E6
(233,233,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0D2150 color. Also use rgb(13,33,80) instead hex code.

Text Font Color

.myTextColor { color: #0D2150; }

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

This text font color is #0D2150.

Background Color

.myBgColor { background-color: #0D2150; }

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

This div background color is #0D2150.

Border color

.myBorderColor { border: 1px solid #0D2150; }

This div border color is #0D2150.

Opacity

.myOpacity80 { color: #0D2150; opacity: 0.8; }

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

This text has shadow with #0D2150 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0D2150.