COLOR #6A240C

HEX: #6A240C
RGB: (106,36,12)

Color info

#6A240C contains mainly red color. Web safe color of #6A240C is #663300 (or #630).

RGB color model

#6A240C color RGB value is (106,36,12).

  • red value is 106;
  • green value is 36;
  • blue value is 12.
RGB:
(106,36,12)
(42%,14%,5%)

RGB channels and saturation

R 106 of 255 = 42%
G 36 of 255 = 14%
B 12 of 255 = 5%

106
36
12

R + G + B ~ 20%. #6A240C is dark color.

Portions of RGB colors in percentages

R + G + B =
106 + 36 + 12 = 154 (100%)
R 106 of 154 ~ 68.83%
G 36 of 154 ~ 23.38%
B 12 of 154 ~ 7.79%

%68.83
%23.38

CMYK color model

#6A240C color CMYK value is (0,66,89,58).

  • cyan value is 0.00%
  • magenta value is 66.04%
  • yellow value is 88.68%
  • key color value is 58.43%
CMYK:
(0,66,89,58)
C0M66Y89K58 
(0%,66%,89%,58%)
(0.00/0.66/0.89/0.58)	

CMYK percentages

%0
%66.04
%88.68
%58.43

Codes

Color #6A240C in popluar color models

6A240C
RGB1063612
HSL15°79.66%23.14%
HSB/HSV15°88.68%41.57%
CMYK0.00%66.04%88.68%
58.43%

Color #6A240C in popluar number systems.

HEX6A240C
Decimal1063612
Binary11010101001001100
Octal1524414

Shades and tints

Shades of #6A240C

#6A240C
(106,36,12)
#61210B
(97,33,11)
#581E0A
(88,30,10)
#4F1B09
(79,27,9)
#461808
(70,24,8)
#3D1507
(61,21,7)
#341206
(52,18,6)
#2B0F05
(43,15,5)
#220C04
(34,12,4)
#190903
(25,9,3)
#100602
(16,6,2)
#000000
(0,0,0)

Tints of #6A240C

#6A240C
(106,36,12)
#773722
(119,55,34)
#844A38
(132,74,56)
#915D4E
(145,93,78)
#9E7064
(158,112,100)
#AB837A
(171,131,122)
#B89690
(184,150,144)
#C5A9A6
(197,169,166)
#D2BCBC
(210,188,188)
#DFCFD2
(223,207,210)
#ECE2E8
(236,226,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6A240C color. Also use rgb(106,36,12) instead hex code.

Text Font Color

.myTextColor { color: #6A240C; }

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

This text font color is #6A240C.


Background Color

.myBgColor { background-color: #6A240C; }

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

This div background color is #6A240C.


Border color

.myBorderColor { border: 1px solid #6A240C; }

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

This div border color is #6A240C.


Opacity

.myOpacity80 { color: #6A240C; opacity: 0.8; }

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

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

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

This text has shadow with #6A240C color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #6A240C on black background.


Color preview on white background

This text has color #6A240C on white background.



Black color preview on #6A240C background

This text has black color on #6A240C background.


White color preview on #6A240C background

This text has white color on #6A240C background.