Color #415463

Color info

#415463 contains red, green and blue colors in about the same proportion. Web safe color of #415463 is #336666 (or #366).

RGB color model

#415463 color RGB value is (65,84,99).

red value is 65;
green value is 84;
blue value is 99.

RGB: (65,84,99) (25%, 33%, 39%)

RGB channels and saturation

R 65 of 255 = 25%
G 84 of 255 = 33%
B 99 of 255 = 39%

65

84

99

R + G + B ~ 32%. #415463 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 65 + 84 + 99 = 248 (100%)
R 65 of 248 ~ 26.21%
G 84 of 248 ~ 33.87%
B 99 of 248 ~ 39.92'%

%26.21

%33.87

%39.92

CMYK color model

#415463 color CMYK value is (34,15,0,61).

cyan value is 34.34%
magenta value is 15.15%
yellow value is 0.00%
key color value is 61.18%

CMYK: (34,15,0,61)
C34M15Y0K61 (34%, 15%, 0%, 61%)
(0.34 / 0.15 / 0.00 / 0.61)

CMYK percentages

%34.34

%15.15

%0

%61.18

Codes

Color #415463 in popluar color models

	41	54	63
RGB	65	84	99
HSL	206°	20.73%	32.16%
HSB/HSV	206°	34.34%	38.82%
CMYK	34.34%	15.15%	0.00%
CMYK	61.18%

Color #415463 in popluar number systems.

HEX	41	54	63
Decimal	65	84	99
Binary	1000001	1010100	1100011
Octal	101	124	143

Shades and tints

Shades of #415463

#415463
(65,84,99)

#3C4D5A
(60,77,90)

#374651
(55,70,81)

#323F48
(50,63,72)

#2D383F
(45,56,63)

#283136
(40,49,54)

#232A2D
(35,42,45)

#1E2324
(30,35,36)

#191C1B
(25,28,27)

#141512
(20,21,18)

#0F0E09
(15,14,9)

#000000
(0,0,0)

Tints of #415463

#415463
(65,84,99)

#526371
(82,99,113)

#63727F
(99,114,127)

#74818D
(116,129,141)

#85909B
(133,144,155)

#969FA9
(150,159,169)

#A7AEB7
(167,174,183)

#B8BDC5
(184,189,197)

#C9CCD3
(201,204,211)

#DADBE1
(218,219,225)

#EBEAEF
(235,234,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #415463 color. Also use rgb(65,84,99) instead hex code.

Text Font Color

.myTextColor { color: #415463; }

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

This text font color is #415463.

Background Color

.myBgColor { background-color: #415463; }

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

This div background color is #415463.

Border color

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

This div border color is #415463.

Opacity

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

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

This text has shadow with #415463 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #415463.