COLOR #426756

HEX: #426756 RGB: (66,103,86)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#426756 contains red, green and blue colors in about the same proportion. Web safe color of #426756 is #336666 (or #366).

RGB color model

#426756 color RGB value is (66,103,86).

red value is 66;
green value is 103;
blue value is 86.

RGB: (66,103,86) (26%, 40%, 34%)

RGB channels and saturation

R 66 of 255 = 26%
G 103 of 255 = 40%
B 86 of 255 = 34%

103

R + G + B ~ 33%. #426756 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 66 + 103 + 86 = 255 (100%)
R 66 of 255 ~ 25.88%
G 103 of 255 ~ 40.39%
B 86 of 255 ~ 33.73'%

%25.88

%40.39

%33.73

CMYK color model

#426756 color CMYK value is (36,0,17,60).

cyan value is 35.92%
magenta value is 0.00%
yellow value is 16.50%
key color value is 59.61%

CMYK: (36,0,17,60) C36M0Y17K60 (36%,0%,17%,60%) (0.36/0.00/0.17/0.60)

CMYK percentages

%35.92

%16.5

%59.61

Codes

Color #426756 in popluar color models

	42	67	56
RGB	66	103	86
HSL	152°	21.89%	33.14%
HSB/HSV	152°	35.92%	40.39%
CMYK	35.92%	0.00%	16.50%
CMYK	59.61%

Color #426756 in popluar number systems.

HEX	42	67	56
Decimal	66	103	86
Binary	1000010	1100111	1010110
Octal	102	147	126

Shades and tints

Shades of #426756

#426756
(66,103,86)

#3C5E4F
(60,94,79)

#365548
(54,85,72)

#304C41
(48,76,65)

#2A433A
(42,67,58)

#243A33
(36,58,51)

#1E312C
(30,49,44)

#182825
(24,40,37)

#121F1E
(18,31,30)

#0C1617
(12,22,23)

#060D10
(6,13,16)

#000000
(0,0,0)

Tints of #426756

#426756
(66,103,86)

#537465
(83,116,101)

#648174
(100,129,116)

#758E83
(117,142,131)

#869B92
(134,155,146)

#97A8A1
(151,168,161)

#A8B5B0
(168,181,176)

#B9C2BF
(185,194,191)

#CACFCE
(202,207,206)

#DBDCDD
(219,220,221)

#ECE9EC
(236,233,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #426756 color. Also use rgb(66,103,86) instead hex code.

Text Font Color

.myTextColor { color: #426756; }

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

This text font color is #426756.

Background Color

.myBgColor { background-color: #426756; }

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

This div background color is #426756.

Border color

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

This div border color is #426756.

Opacity

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

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

This text has shadow with #426756 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #426756.