COLOR #434F42

HEX: #434F42
RGB: (67,79,66)

Color info

#434F42 contains red, green and blue colors in about the same proportion. Web safe color of #434F42 is #336633 (or #363).

RGB color model

#434F42 color RGB value is (67,79,66).

  • red value is 67;
  • green value is 79;
  • blue value is 66.
RGB:
(67,79,66)
(26%,31%,26%)

RGB channels and saturation

R 67 of 255 = 26%
G 79 of 255 = 31%
B 66 of 255 = 26%

67
79
66

R + G + B ~ 28%. #434F42 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
67 + 79 + 66 = 212 (100%)
R 67 of 212 ~ 31.6%
G 79 of 212 ~ 37.26%
B 66 of 212 ~ 31.13%

%31.6
%37.26
%31.13

CMYK color model

#434F42 color CMYK value is (15,0,16,69).

  • cyan value is 15.19%
  • magenta value is 0.00%
  • yellow value is 16.46%
  • key color value is 69.02%
CMYK:
(15,0,16,69)
C15M0Y16K69 
(15%,0%,16%,69%)
(0.15/0.00/0.16/0.69)	

CMYK percentages

%15.19
%0
%16.46
%69.02

Codes

Color #434F42 in popluar color models

434F42
RGB677966
HSL115°8.97%28.43%
HSB/HSV115°16.46%30.98%
CMYK15.19%0.00%16.46%
69.02%

Color #434F42 in popluar number systems.

HEX434F42
Decimal677966
Binary100001110011111000010
Octal103117102

Shades and tints

Shades of #434F42

#434F42
(67,79,66)
#3D483C
(61,72,60)
#374136
(55,65,54)
#313A30
(49,58,48)
#2B332A
(43,51,42)
#252C24
(37,44,36)
#1F251E
(31,37,30)
#191E18
(25,30,24)
#131712
(19,23,18)
#0D100C
(13,16,12)
#070906
(7,9,6)
#000000
(0,0,0)

Tints of #434F42

#434F42
(67,79,66)
#545F53
(84,95,83)
#656F64
(101,111,100)
#767F75
(118,127,117)
#878F86
(135,143,134)
#989F97
(152,159,151)
#A9AFA8
(169,175,168)
#BABFB9
(186,191,185)
#CBCFCA
(203,207,202)
#DCDFDB
(220,223,219)
#EDEFEC
(237,239,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #434F42 color. Also use rgb(67,79,66) instead hex code.

Text Font Color

.myTextColor { color: #434F42; }

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

This text font color is #434F42.


Background Color

.myBgColor { background-color: #434F42; }

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

This div background color is #434F42.


Border color

.myBorderColor { border: 1px solid #434F42; }

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

This div border color is #434F42.


Opacity

.myOpacity80 { color: #434F42; opacity: 0.8; }

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

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

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

This text has shadow with #434F42 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #434F42 on black background.


Color preview on white background

This text has color #434F42 on white background.



Black color preview on #434F42 background

This text has black color on #434F42 background.


White color preview on #434F42 background

This text has white color on #434F42 background.