COLOR #295595

HEX: #295595
RGB: (41,85,149)

Color info

#295595 contains mainly blue color. Web safe color of #295595 is #336699 (or #369).

RGB color model

#295595 color RGB value is (41,85,149).

  • red value is 41;
  • green value is 85;
  • blue value is 149.
RGB:
(41,85,149)
(16%,33%,58%)

RGB channels and saturation

R 41 of 255 = 16%
G 85 of 255 = 33%
B 149 of 255 = 58%

41
85
149

R + G + B ~ 36%. #295595 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
41 + 85 + 149 = 275 (100%)
R 41 of 275 ~ 14.91%
G 85 of 275 ~ 30.91%
B 149 of 275 ~ 54.18%

%14.91
%30.91
%54.18

CMYK color model

#295595 color CMYK value is (72,43,0,42).

  • cyan value is 72.48%
  • magenta value is 42.95%
  • yellow value is 0.00%
  • key color value is 41.57%
CMYK:
(72,43,0,42)
C72M43Y0K42 
(72%,43%,0%,42%)
(0.72/0.43/0.00/0.42)	

CMYK percentages

%72.48
%42.95
%0
%41.57

Codes

Color #295595 in popluar color models

295595
RGB4185149
HSL216°56.84%37.25%
HSB/HSV216°72.48%58.43%
CMYK72.48%42.95%0.00%
41.57%

Color #295595 in popluar number systems.

HEX295595
Decimal4185149
Binary101001101010110010101
Octal51125225

Shades and tints

Shades of #295595

#295595
(41,85,149)
#264E88
(38,78,136)
#23477B
(35,71,123)
#20406E
(32,64,110)
#1D3961
(29,57,97)
#1A3254
(26,50,84)
#172B47
(23,43,71)
#14243A
(20,36,58)
#111D2D
(17,29,45)
#0E1620
(14,22,32)
#0B0F13
(11,15,19)
#000000
(0,0,0)

Tints of #295595

#295595
(41,85,149)
#3C649E
(60,100,158)
#4F73A7
(79,115,167)
#6282B0
(98,130,176)
#7591B9
(117,145,185)
#88A0C2
(136,160,194)
#9BAFCB
(155,175,203)
#AEBED4
(174,190,212)
#C1CDDD
(193,205,221)
#D4DCE6
(212,220,230)
#E7EBEF
(231,235,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #295595 color. Also use rgb(41,85,149) instead hex code.

Text Font Color

.myTextColor { color: #295595; }

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

This text font color is #295595.


Background Color

.myBgColor { background-color: #295595; }

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

This div background color is #295595.


Border color

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

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

This div border color is #295595.


Opacity

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

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

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

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

This text has shadow with #295595 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #295595 on black background.


Color preview on white background

This text has color #295595 on white background.



Black color preview on #295595 background

This text has black color on #295595 background.


White color preview on #295595 background

This text has white color on #295595 background.