COLOR #126180

HEX: #126180
RGB: (18,97,128)

Color info

#126180 contains mainly green and blue colors. Web safe color of #126180 is #006666 (or #066).

RGB color model

#126180 color RGB value is (18,97,128).

  • red value is 18;
  • green value is 97;
  • blue value is 128.
RGB:
(18,97,128)
(7%,38%,50%)

RGB channels and saturation

R 18 of 255 = 7%
G 97 of 255 = 38%
B 128 of 255 = 50%

18
97
128

R + G + B ~ 32%. #126180 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
18 + 97 + 128 = 243 (100%)
R 18 of 243 ~ 7.41%
G 97 of 243 ~ 39.92%
B 128 of 243 ~ 52.67%

%39.92
%52.67

CMYK color model

#126180 color CMYK value is (86,24,0,50).

  • cyan value is 85.94%
  • magenta value is 24.22%
  • yellow value is 0.00%
  • key color value is 49.80%
CMYK:
(86,24,0,50)
C86M24Y0K50 
(86%,24%,0%,50%)
(0.86/0.24/0.00/0.50)	

CMYK percentages

%85.94
%24.22
%0
%49.8

Codes

Color #126180 in popluar color models

126180
RGB1897128
HSL197°75.34%28.63%
HSB/HSV197°85.94%50.20%
CMYK85.94%24.22%0.00%
49.80%

Color #126180 in popluar number systems.

HEX126180
Decimal1897128
Binary10010110000110000000
Octal22141200

Shades and tints

Shades of #126180

#126180
(18,97,128)
#115975
(17,89,117)
#10516A
(16,81,106)
#0F495F
(15,73,95)
#0E4154
(14,65,84)
#0D3949
(13,57,73)
#0C313E
(12,49,62)
#0B2933
(11,41,51)
#0A2128
(10,33,40)
#09191D
(9,25,29)
#081112
(8,17,18)
#000000
(0,0,0)

Tints of #126180

#126180
(18,97,128)
#276F8B
(39,111,139)
#3C7D96
(60,125,150)
#518BA1
(81,139,161)
#6699AC
(102,153,172)
#7BA7B7
(123,167,183)
#90B5C2
(144,181,194)
#A5C3CD
(165,195,205)
#BAD1D8
(186,209,216)
#CFDFE3
(207,223,227)
#E4EDEE
(228,237,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #126180 color. Also use rgb(18,97,128) instead hex code.

Text Font Color

.myTextColor { color: #126180; }

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

This text font color is #126180.


Background Color

.myBgColor { background-color: #126180; }

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

This div background color is #126180.


Border color

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

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

This div border color is #126180.


Opacity

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

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

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

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

This text has shadow with #126180 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #126180 on black background.


Color preview on white background

This text has color #126180 on white background.



Black color preview on #126180 background

This text has black color on #126180 background.


White color preview on #126180 background

This text has white color on #126180 background.