COLOR #060496

HEX: #060496
RGB: (6,4,150)

Color info

#060496 contains mainly blue color. Web safe color of #060496 is #000099 (or #009).

RGB color model

#060496 color RGB value is (6,4,150).

  • red value is 6;
  • green value is 4;
  • blue value is 150.
RGB:
(6,4,150)
(2%,2%,59%)

RGB channels and saturation

R 6 of 255 = 2%
G 4 of 255 = 2%
B 150 of 255 = 59%

6
4
150

R + G + B ~ 21%. #060496 is dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 4 + 150 = 160 (100%)
R 6 of 160 ~ 3.75%
G 4 of 160 ~ 2.5%
B 150 of 160 ~ 93.75%

%93.75

CMYK color model

#060496 color CMYK value is (96,97,0,41).

  • cyan value is 96.00%
  • magenta value is 97.33%
  • yellow value is 0.00%
  • key color value is 41.18%
CMYK:
(96,97,0,41)
C96M97Y0K41 
(96%,97%,0%,41%)
(0.96/0.97/0.00/0.41)	

CMYK percentages

%96
%97.33
%0
%41.18

Codes

Color #060496 in popluar color models

060496
RGB64150
HSL241°94.81%30.20%
HSB/HSV241°97.33%58.82%
CMYK96.00%97.33%0.00%
41.18%

Color #060496 in popluar number systems.

HEX060496
Decimal64150
Binary11010010010110
Octal64226

Shades and tints

Shades of #060496

#060496
(6,4,150)
#060489
(6,4,137)
#06047C
(6,4,124)
#06046F
(6,4,111)
#060462
(6,4,98)
#060455
(6,4,85)
#060448
(6,4,72)
#06043B
(6,4,59)
#06042E
(6,4,46)
#060421
(6,4,33)
#060414
(6,4,20)
#000000
(0,0,0)

Tints of #060496

#060496
(6,4,150)
#1C1A9F
(28,26,159)
#3230A8
(50,48,168)
#4846B1
(72,70,177)
#5E5CBA
(94,92,186)
#7472C3
(116,114,195)
#8A88CC
(138,136,204)
#A09ED5
(160,158,213)
#B6B4DE
(182,180,222)
#CCCAE7
(204,202,231)
#E2E0F0
(226,224,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #060496 color. Also use rgb(6,4,150) instead hex code.

Text Font Color

.myTextColor { color: #060496; }

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

This text font color is #060496.


Background Color

.myBgColor { background-color: #060496; }

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

This div background color is #060496.


Border color

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

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

This div border color is #060496.


Opacity

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

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

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

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

This text has shadow with #060496 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #060496 on black background.


Color preview on white background

This text has color #060496 on white background.



Black color preview on #060496 background

This text has black color on #060496 background.


White color preview on #060496 background

This text has white color on #060496 background.