COLOR #7A423C

HEX: #7A423C RGB: (122,66,60)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7A423C contains mainly red and green colors. Web safe color of #7A423C is #663333 (or #633).

RGB color model

#7A423C color RGB value is (122,66,60).

red value is 122;
green value is 66;
blue value is 60.

RGB: (122,66,60) (48%, 26%, 24%)

RGB channels and saturation

R 122 of 255 = 48%
G 66 of 255 = 26%
B 60 of 255 = 24%

122

R + G + B ~ 33%. #7A423C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 122 + 66 + 60 = 248 (100%)
R 122 of 248 ~ 49.19%
G 66 of 248 ~ 26.61%
B 60 of 248 ~ 24.19'%

%49.19

%26.61

%24.19

CMYK color model

#7A423C color CMYK value is (0,46,51,52).

cyan value is 0.00%
magenta value is 45.90%
yellow value is 50.82%
key color value is 52.16%

CMYK: (0,46,51,52) C0M46Y51K52 (0%,46%,51%,52%) (0.00/0.46/0.51/0.52)

CMYK percentages

%45.9

%50.82

%52.16

Codes

Color #7A423C in popluar color models

	7A	42	3C
RGB	122	66	60
HSL	6°	34.07%	35.69%
HSB/HSV	6°	50.82%	47.84%
CMYK	0.00%	45.90%	50.82%
CMYK	52.16%

Color #7A423C in popluar number systems.

HEX	7A	42	3C
Decimal	122	66	60
Binary	1111010	1000010	111100
Octal	172	102	74

Shades and tints

Shades of #7A423C

#7A423C
(122,66,60)

#6F3C37
(111,60,55)

#643632
(100,54,50)

#59302D
(89,48,45)

#4E2A28
(78,42,40)

#432423
(67,36,35)

#381E1E
(56,30,30)

#2D1819
(45,24,25)

#221214
(34,18,20)

#170C0F
(23,12,15)

#0C060A
(12,6,10)

#000000
(0,0,0)

Tints of #7A423C

#7A423C
(122,66,60)

#86534D
(134,83,77)

#92645E
(146,100,94)

#9E756F
(158,117,111)

#AA8680
(170,134,128)

#B69791
(182,151,145)

#C2A8A2
(194,168,162)

#CEB9B3
(206,185,179)

#DACAC4
(218,202,196)

#E6DBD5
(230,219,213)

#F2ECE6
(242,236,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7A423C color. Also use rgb(122,66,60) instead hex code.

Text Font Color

.myTextColor { color: #7A423C; }

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

This text font color is #7A423C.

Background Color

.myBgColor { background-color: #7A423C; }

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

This div background color is #7A423C.

Border color

.myBorderColor { border: 1px solid #7A423C; }

This div border color is #7A423C.

Opacity

.myOpacity80 { color: #7A423C; opacity: 0.8; }

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

This text has shadow with #7A423C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7A423C.