COLOR #224331

HEX: #224331 RGB: (34,67,49)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#224331 contains red, green and blue colors in about the same proportion. Web safe color of #224331 is #333333 (or #333).

RGB color model

#224331 color RGB value is (34,67,49).

red value is 34;
green value is 67;
blue value is 49.

RGB: (34,67,49) (13%, 26%, 19%)

RGB channels and saturation

R 34 of 255 = 13%
G 67 of 255 = 26%
B 49 of 255 = 19%

R + G + B ~ 19%. #224331 is dark color.

Portions of RGB colors in percentages

R + G + B = 34 + 67 + 49 = 150 (100%)
R 34 of 150 ~ 22.67%
G 67 of 150 ~ 44.67%
B 49 of 150 ~ 32.67'%

%22.67

%44.67

%32.67

CMYK color model

#224331 color CMYK value is (49,0,27,74).

cyan value is 49.25%
magenta value is 0.00%
yellow value is 26.87%
key color value is 73.73%

CMYK: (49,0,27,74) C49M0Y27K74 (49%,0%,27%,74%) (0.49/0.00/0.27/0.74)

CMYK percentages

%49.25

%26.87

%73.73

Codes

Color #224331 in popluar color models

	22	43	31
RGB	34	67	49
HSL	147°	32.67%	19.80%
HSB/HSV	147°	49.25%	26.27%
CMYK	49.25%	0.00%	26.87%
CMYK	73.73%

Color #224331 in popluar number systems.

HEX	22	43	31
Decimal	34	67	49
Binary	100010	1000011	110001
Octal	42	103	61

Shades and tints

Shades of #224331

#224331
(34,67,49)

#1F3D2D
(31,61,45)

#1C3729
(28,55,41)

#193125
(25,49,37)

#162B21
(22,43,33)

#13251D
(19,37,29)

#101F19
(16,31,25)

#0D1915
(13,25,21)

#0A1311
(10,19,17)

#070D0D
(7,13,13)

#040709
(4,7,9)

#000000
(0,0,0)

Tints of #224331

#224331
(34,67,49)

#365443
(54,84,67)

#4A6555
(74,101,85)

#5E7667
(94,118,103)

#728779
(114,135,121)

#86988B
(134,152,139)

#9AA99D
(154,169,157)

#AEBAAF
(174,186,175)

#C2CBC1
(194,203,193)

#D6DCD3
(214,220,211)

#EAEDE5
(234,237,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #224331 color. Also use rgb(34,67,49) instead hex code.

Text Font Color

.myTextColor { color: #224331; }

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

This text font color is #224331.

Background Color

.myBgColor { background-color: #224331; }

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

This div background color is #224331.

Border color

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

This div border color is #224331.

Opacity

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

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

This text has shadow with #224331 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #224331.