Color #15476E

Color info

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

RGB color model

#15476E color RGB value is (21,71,110).

red value is 21;
green value is 71;
blue value is 110.

RGB:
(21,71,110)
(8%,28%,43%)

RGB channels and saturation

R 21 of 255 = 8%
G 71 of 255 = 28%
B 110 of 255 = 43%

110

R + G + B ~ 26%. #15476E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
21 + 71 + 110 = 202 (100%)
R 21 of 202 ~ 10.4%
G 71 of 202 ~ 35.15%
B 110 of 202 ~ 54.46%

%10.4

%35.15

%54.46

CMYK color model

#15476E color CMYK value is (81,35,0,57).

cyan value is 80.91%
magenta value is 35.45%
yellow value is 0.00%
key color value is 56.86%

CMYK:
(81,35,0,57)
C81M35Y0K57 
(81%,35%,0%,57%)
(0.81/0.35/0.00/0.57)

CMYK percentages

%80.91

%35.45

%56.86

Codes

Color #15476E in popluar color models

	15	47	6E
RGB	21	71	110
HSL	206°	67.94%	25.69%
HSB/HSV	206°	80.91%	43.14%
CMYK	80.91%	35.45%	0.00%
CMYK	56.86%

Color #15476E in popluar number systems.

HEX	15	47	6E
Decimal	21	71	110
Binary	10101	1000111	1101110
Octal	25	107	156

Shades and tints

Shades of #15476E

#15476E
(21,71,110)

#144164
(20,65,100)

#133B5A
(19,59,90)

#123550
(18,53,80)

#112F46
(17,47,70)

#10293C
(16,41,60)

#0F2332
(15,35,50)

#0E1D28
(14,29,40)

#0D171E
(13,23,30)

#0C1114
(12,17,20)

#0B0B0A
(11,11,10)

#000000
(0,0,0)

Tints of #15476E

#15476E
(21,71,110)

#2A577B
(42,87,123)

#3F6788
(63,103,136)

#547795
(84,119,149)

#6987A2
(105,135,162)

#7E97AF
(126,151,175)

#93A7BC
(147,167,188)

#A8B7C9
(168,183,201)

#BDC7D6
(189,199,214)

#D2D7E3
(210,215,227)

#E7E7F0
(231,231,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #15476E color. Also use rgb(21,71,110) instead hex code.

Text Font Color

.myTextColor { color: #15476E; }

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

This text font color is #15476E.

Background Color

.myBgColor { background-color: #15476E; }

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

This div background color is #15476E.

Border color

.myBorderColor { border: 1px solid #15476E; }

<div style="border:3px solid #15476E">Div</div>

This div border color is #15476E.

Opacity

.myOpacity80 { color: #15476E; opacity: 0.8; }

<p style="color:#15476E;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #15476E">Text here.</p>

This text has shadow with #15476E color.

.textShadow {text-shadow: 3px 3px 1px #15476E, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #15476E, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#15476E, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #15476E.

Preview

Color preview on black background

This text has color #15476E on black background.

Color preview on white background

This text has color #15476E on white background.

Black color preview on #15476E background

This text has black color on #15476E background.

White color preview on #15476E background

This text has white color on #15476E background.