COLOR #1D495D

HEX: #1D495D
RGB: (29,73,93)

Color info

#1D495D contains mainly green and blue colors. Web safe color of #1D495D is #333366 (or #336).

RGB color model

#1D495D color RGB value is (29,73,93).

  • red value is 29;
  • green value is 73;
  • blue value is 93.
RGB:
(29,73,93)
(11%,29%,36%)

RGB channels and saturation

R 29 of 255 = 11%
G 73 of 255 = 29%
B 93 of 255 = 36%

29
73
93

R + G + B ~ 25%. #1D495D is quite dark color.

Portions of RGB colors in percentages

R + G + B =
29 + 73 + 93 = 195 (100%)
R 29 of 195 ~ 14.87%
G 73 of 195 ~ 37.44%
B 93 of 195 ~ 47.69%

%14.87
%37.44
%47.69

CMYK color model

#1D495D color CMYK value is (69,22,0,64).

  • cyan value is 68.82%
  • magenta value is 21.51%
  • yellow value is 0.00%
  • key color value is 63.53%
CMYK:
(69,22,0,64)
C69M22Y0K64 
(69%,22%,0%,64%)
(0.69/0.22/0.00/0.64)	

CMYK percentages

%68.82
%21.51
%0
%63.53

Codes

Color #1D495D in popluar color models

1D495D
RGB297393
HSL199°52.46%23.92%
HSB/HSV199°68.82%36.47%
CMYK68.82%21.51%0.00%
63.53%

Color #1D495D in popluar number systems.

HEX1D495D
Decimal297393
Binary1110110010011011101
Octal35111135

Shades and tints

Shades of #1D495D

#1D495D
(29,73,93)
#1B4355
(27,67,85)
#193D4D
(25,61,77)
#173745
(23,55,69)
#15313D
(21,49,61)
#132B35
(19,43,53)
#11252D
(17,37,45)
#0F1F25
(15,31,37)
#0D191D
(13,25,29)
#0B1315
(11,19,21)
#090D0D
(9,13,13)
#000000
(0,0,0)

Tints of #1D495D

#1D495D
(29,73,93)
#31596B
(49,89,107)
#456979
(69,105,121)
#597987
(89,121,135)
#6D8995
(109,137,149)
#8199A3
(129,153,163)
#95A9B1
(149,169,177)
#A9B9BF
(169,185,191)
#BDC9CD
(189,201,205)
#D1D9DB
(209,217,219)
#E5E9E9
(229,233,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #1D495D color. Also use rgb(29,73,93) instead hex code.

Text Font Color

.myTextColor { color: #1D495D; }

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

This text font color is #1D495D.


Background Color

.myBgColor { background-color: #1D495D; }

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

This div background color is #1D495D.


Border color

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

<div style="border:3px solid #1D495D">Div</div>

This div border color is #1D495D.


Opacity

.myOpacity80 { color: #1D495D; opacity: 0.8; }

<p style="color:#1D495D;opacity:0.8;">80%</p>

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

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

This text has shadow with #1D495D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #1D495D on black background.


Color preview on white background

This text has color #1D495D on white background.



Black color preview on #1D495D background

This text has black color on #1D495D background.


White color preview on #1D495D background

This text has white color on #1D495D background.