COLOR #0F6AAA

HEX: #0F6AAA RGB: (15,106,170)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#0F6AAA contains mainly blue color. Web safe color of #0F6AAA is #006699 (or #069).

RGB color model

#0F6AAA color RGB value is (15,106,170).

red value is 15;
green value is 106;
blue value is 170.

RGB: (15,106,170) (6%, 42%, 67%)

RGB channels and saturation

R 15 of 255 = 6%
G 106 of 255 = 42%
B 170 of 255 = 67%

106

170

R + G + B ~ 38%. #0F6AAA is quite dark color.

Portions of RGB colors in percentages

R + G + B = 15 + 106 + 170 = 291 (100%)
R 15 of 291 ~ 5.15%
G 106 of 291 ~ 36.43%
B 170 of 291 ~ 58.42'%

%36.43

%58.42

CMYK color model

#0F6AAA color CMYK value is (91,38,0,33).

cyan value is 91.18%
magenta value is 37.65%
yellow value is 0.00%
key color value is 33.33%

CMYK: (91,38,0,33) C91M38Y0K33 (91%,38%,0%,33%) (0.91/0.38/0.00/0.33)

CMYK percentages

%91.18

%37.65

%33.33

Codes

Color #0F6AAA in popluar color models

	0F	6A	AA
RGB	15	106	170
HSL	205°	83.78%	36.27%
HSB/HSV	205°	91.18%	66.67%
CMYK	91.18%	37.65%	0.00%
CMYK	33.33%

Color #0F6AAA in popluar number systems.

HEX	0F	6A	AA
Decimal	15	106	170
Binary	1111	1101010	10101010
Octal	17	152	252

Shades and tints

Shades of #0F6AAA

#0F6AAA
(15,106,170)

#0E619B
(14,97,155)

#0D588C
(13,88,140)

#0C4F7D
(12,79,125)

#0B466E
(11,70,110)

#0A3D5F
(10,61,95)

#093450
(9,52,80)

#082B41
(8,43,65)

#072232
(7,34,50)

#061923
(6,25,35)

#051014
(5,16,20)

#000000
(0,0,0)

Tints of #0F6AAA

#0F6AAA
(15,106,170)

#2477B1
(36,119,177)

#3984B8
(57,132,184)

#4E91BF
(78,145,191)

#639EC6
(99,158,198)

#78ABCD
(120,171,205)

#8DB8D4
(141,184,212)

#A2C5DB
(162,197,219)

#B7D2E2
(183,210,226)

#CCDFE9
(204,223,233)

#E1ECF0
(225,236,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0F6AAA color. Also use rgb(15,106,170) instead hex code.

Text Font Color

.myTextColor { color: #0F6AAA; }

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

This text font color is #0F6AAA.

Background Color

.myBgColor { background-color: #0F6AAA; }

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

This div background color is #0F6AAA.

Border color

.myBorderColor { border: 1px solid #0F6AAA; }

This div border color is #0F6AAA.

Opacity

.myOpacity80 { color: #0F6AAA; opacity: 0.8; }

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

This text has shadow with #0F6AAA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0F6AAA.