COLOR #682848

HEX: #682848 RGB: (104,40,72)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#682848 contains mainly red and blue colors. Web safe color of #682848 is #663333 (or #633).

RGB color model

#682848 color RGB value is (104,40,72).

red value is 104;
green value is 40;
blue value is 72.

RGB: (104,40,72) (41%, 16%, 28%)

RGB channels and saturation

R 104 of 255 = 41%
G 40 of 255 = 16%
B 72 of 255 = 28%

104

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

Portions of RGB colors in percentages

R + G + B = 104 + 40 + 72 = 216 (100%)
R 104 of 216 ~ 48.15%
G 40 of 216 ~ 18.52%
B 72 of 216 ~ 33.33'%

%48.15

%18.52

%33.33

CMYK color model

#682848 color CMYK value is (0,62,31,59).

cyan value is 0.00%
magenta value is 61.54%
yellow value is 30.77%
key color value is 59.22%

CMYK: (0,62,31,59) C0M62Y31K59 (0%,62%,31%,59%) (0.00/0.62/0.31/0.59)

CMYK percentages

%61.54

%30.77

%59.22

Codes

Color #682848 in popluar color models

	68	28	48
RGB	104	40	72
HSL	330°	44.44%	28.24%
HSB/HSV	330°	61.54%	40.78%
CMYK	0.00%	61.54%	30.77%
CMYK	59.22%

Color #682848 in popluar number systems.

HEX	68	28	48
Decimal	104	40	72
Binary	1101000	101000	1001000
Octal	150	50	110

Shades and tints

Shades of #682848

#682848
(104,40,72)

#5F2542
(95,37,66)

#56223C
(86,34,60)

#4D1F36
(77,31,54)

#441C30
(68,28,48)

#3B192A
(59,25,42)

#321624
(50,22,36)

#29131E
(41,19,30)

#201018
(32,16,24)

#170D12
(23,13,18)

#0E0A0C
(14,10,12)

#000000
(0,0,0)

Tints of #682848

#682848
(104,40,72)

#753B58
(117,59,88)

#824E68
(130,78,104)

#8F6178
(143,97,120)

#9C7488
(156,116,136)

#A98798
(169,135,152)

#B69AA8
(182,154,168)

#C3ADB8
(195,173,184)

#D0C0C8
(208,192,200)

#DDD3D8
(221,211,216)

#EAE6E8
(234,230,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #682848 color. Also use rgb(104,40,72) instead hex code.

Text Font Color

.myTextColor { color: #682848; }

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

This text font color is #682848.

Background Color

.myBgColor { background-color: #682848; }

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

This div background color is #682848.

Border color

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

This div border color is #682848.

Opacity

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

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

This text has shadow with #682848 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #682848.