COLOR #334240

HEX: #334240 RGB: (51,66,64)

Color info

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

RGB color model

#334240 color RGB value is (51,66,64).

RGB: (51,66,64) (20%, 26%, 25%)

RGB channels and saturation

R 51 of 255 = 20%
G 66 of 255 = 26%
B 64 of 255 = 25%

51
66
64

R + G + B ~ 24%. #334240 is dark color.

Portions of RGB colors in percentages

R + G + B = 51 + 66 + 64 = 181 (100%)
R 51 of 181 ~ 28.18%
G 66 of 181 ~ 36.46%
B 64 of 181 ~ 35.36'%

%28.18
%36.46
%35.36

CMYK color model

#334240 color CMYK value is (23,0,3,74).

  • cyan value is 22.73%
  • magenta value is 0.00%
  • yellow value is 3.03%
  • key color value is 74.12%

CMYK: (23,0,3,74)
C23M0Y3K74 (23%, 0%, 3%, 74%)
(0.23 / 0.00 / 0.03 / 0.74)

CMYK percentages

%22.73
%0
%3.03
%74.12

Codes

Color #334240 in popluar color models

33 42 40
RGB 51 66 64
HSL 172° 12.82% 22.94%
HSB/HSV 172° 22.73% 25.88%
CMYK 22.73% 0.00% 3.03%
74.12%

Color #334240 in popluar number systems.

HEX 33 42 40
Decimal 51 66 64
Binary 110011 1000010 1000000
Octal 63 102 100

Shades and tints

Shades of #334240

#334240
(51,66,64)
#2F3C3B
(47,60,59)
#2B3636
(43,54,54)
#273031
(39,48,49)
#232A2C
(35,42,44)
#1F2427
(31,36,39)
#1B1E22
(27,30,34)
#17181D
(23,24,29)
#131218
(19,18,24)
#0F0C13
(15,12,19)
#0B060E
(11,6,14)
#000000
(0,0,0)

Tints of #334240

#334240
(51,66,64)
#455351
(69,83,81)
#576462
(87,100,98)
#697573
(105,117,115)
#7B8684
(123,134,132)
#8D9795
(141,151,149)
#9FA8A6
(159,168,166)
#B1B9B7
(177,185,183)
#C3CAC8
(195,202,200)
#D5DBD9
(213,219,217)
#E7ECEA
(231,236,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #334240 color. Also use rgb(51,66,64) instead hex code.

Text Font Color

.myTextColor { color: #334240; }

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

This text font color is #334240.

Background Color

.myBgColor { background-color: #334240; }

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

This div background color is #334240.

Border color

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

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

This div border color is #334240.

Opacity

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

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

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

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

This text has shadow with #334240 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #334240.

Preview

Color preview on black background

This text has color #334240 on black background.


Color preview on white background

This text has color #334240 on white background.


Black color preview on #334240 background

This text has black color on #334240 background.


White color preview on #334240 background

This text has white color on #334240 background.


Related colors

Complementary color

Complementary color for #hex is #CCBDBF.


I love getcolorcode.com

Triadic colors

1 #403342 and #424033 with #334240 are triadic colors.

2 #404233 and #423340 with #334240 are triadic colors.