COLOR #273424

HEX: #273424
RGB: (39,52,36)

Color info

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

RGB color model

#273424 color RGB value is (39,52,36).

  • red value is 39;
  • green value is 52;
  • blue value is 36.
RGB:
(39,52,36)
(15%,20%,14%)

RGB channels and saturation

R 39 of 255 = 15%
G 52 of 255 = 20%
B 36 of 255 = 14%

39
52
36

R + G + B ~ 16%. #273424 is dark color.

Portions of RGB colors in percentages

R + G + B =
39 + 52 + 36 = 127 (100%)
R 39 of 127 ~ 30.71%
G 52 of 127 ~ 40.94%
B 36 of 127 ~ 28.35%

%30.71
%40.94
%28.35

CMYK color model

#273424 color CMYK value is (25,0,31,80).

  • cyan value is 25.00%
  • magenta value is 0.00%
  • yellow value is 30.77%
  • key color value is 79.61%
CMYK:
(25,0,31,80)
C25M0Y31K80 
(25%,0%,31%,80%)
(0.25/0.00/0.31/0.80)	

CMYK percentages

%25
%0
%30.77
%79.61

Codes

Color #273424 in popluar color models

273424
RGB395236
HSL109°18.18%17.25%
HSB/HSV109°30.77%20.39%
CMYK25.00%0.00%30.77%
79.61%

Color #273424 in popluar number systems.

HEX273424
Decimal395236
Binary100111110100100100
Octal476444

Shades and tints

Shades of #273424

#273424
(39,52,36)
#243021
(36,48,33)
#212C1E
(33,44,30)
#1E281B
(30,40,27)
#1B2418
(27,36,24)
#182015
(24,32,21)
#151C12
(21,28,18)
#12180F
(18,24,15)
#0F140C
(15,20,12)
#0C1009
(12,16,9)
#090C06
(9,12,6)
#000000
(0,0,0)

Tints of #273424

#273424
(39,52,36)
#3A4637
(58,70,55)
#4D584A
(77,88,74)
#606A5D
(96,106,93)
#737C70
(115,124,112)
#868E83
(134,142,131)
#99A096
(153,160,150)
#ACB2A9
(172,178,169)
#BFC4BC
(191,196,188)
#D2D6CF
(210,214,207)
#E5E8E2
(229,232,226)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #273424 color. Also use rgb(39,52,36) instead hex code.

Text Font Color

.myTextColor { color: #273424; }

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

This text font color is #273424.


Background Color

.myBgColor { background-color: #273424; }

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

This div background color is #273424.


Border color

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

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

This div border color is #273424.


Opacity

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

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

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

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

This text has shadow with #273424 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #273424 on black background.


Color preview on white background

This text has color #273424 on white background.



Black color preview on #273424 background

This text has black color on #273424 background.


White color preview on #273424 background

This text has white color on #273424 background.