COLOR #060A3D

HEX: #060A3D
RGB: (6,10,61)

Color info

#060A3D contains red, green and blue colors in about the same proportion. Web safe color of #060A3D is #000033 (or #003).

RGB color model

#060A3D color RGB value is (6,10,61).

  • red value is 6;
  • green value is 10;
  • blue value is 61.
RGB:
(6,10,61)
(2%,4%,24%)

RGB channels and saturation

R 6 of 255 = 2%
G 10 of 255 = 4%
B 61 of 255 = 24%

6
10
61

R + G + B ~ 10%. #060A3D is dark color.

Portions of RGB colors in percentages

R + G + B =
6 + 10 + 61 = 77 (100%)
R 6 of 77 ~ 7.79%
G 10 of 77 ~ 12.99%
B 61 of 77 ~ 79.22%

%12.99
%79.22

CMYK color model

#060A3D color CMYK value is (90,84,0,76).

  • cyan value is 90.16%
  • magenta value is 83.61%
  • yellow value is 0.00%
  • key color value is 76.08%
CMYK:
(90,84,0,76)
C90M84Y0K76 
(90%,84%,0%,76%)
(0.90/0.84/0.00/0.76)	

CMYK percentages

%90.16
%83.61
%0
%76.08

Codes

Color #060A3D in popluar color models

060A3D
RGB61061
HSL236°82.09%13.14%
HSB/HSV236°90.16%23.92%
CMYK90.16%83.61%0.00%
76.08%

Color #060A3D in popluar number systems.

HEX060A3D
Decimal61061
Binary1101010111101
Octal61275

Shades and tints

Shades of #060A3D

#060A3D
(6,10,61)
#060A38
(6,10,56)
#060A33
(6,10,51)
#060A2E
(6,10,46)
#060A29
(6,10,41)
#060A24
(6,10,36)
#060A1F
(6,10,31)
#060A1A
(6,10,26)
#060A15
(6,10,21)
#060A10
(6,10,16)
#060A0B
(6,10,11)
#000000
(0,0,0)

Tints of #060A3D

#060A3D
(6,10,61)
#1C204E
(28,32,78)
#32365F
(50,54,95)
#484C70
(72,76,112)
#5E6281
(94,98,129)
#747892
(116,120,146)
#8A8EA3
(138,142,163)
#A0A4B4
(160,164,180)
#B6BAC5
(182,186,197)
#CCD0D6
(204,208,214)
#E2E6E7
(226,230,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #060A3D color. Also use rgb(6,10,61) instead hex code.

Text Font Color

.myTextColor { color: #060A3D; }

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

This text font color is #060A3D.


Background Color

.myBgColor { background-color: #060A3D; }

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

This div background color is #060A3D.


Border color

.myBorderColor { border: 1px solid #060A3D; }

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

This div border color is #060A3D.


Opacity

.myOpacity80 { color: #060A3D; opacity: 0.8; }

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

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

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

This text has shadow with #060A3D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #060A3D on black background.


Color preview on white background

This text has color #060A3D on white background.



Black color preview on #060A3D background

This text has black color on #060A3D background.


White color preview on #060A3D background

This text has white color on #060A3D background.