COLOR #823458

HEX: #823458
RGB: (130,52,88)

Color info

#823458 contains mainly red and blue colors. Web safe color of #823458 is #993366 (or #936).

RGB color model

#823458 color RGB value is (130,52,88).

  • red value is 130;
  • green value is 52;
  • blue value is 88.
RGB:
(130,52,88)
(51%,20%,35%)

RGB channels and saturation

R 130 of 255 = 51%
G 52 of 255 = 20%
B 88 of 255 = 35%

130
52
88

R + G + B ~ 35%. #823458 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
130 + 52 + 88 = 270 (100%)
R 130 of 270 ~ 48.15%
G 52 of 270 ~ 19.26%
B 88 of 270 ~ 32.59%

%48.15
%19.26
%32.59

CMYK color model

#823458 color CMYK value is (0,60,32,49).

  • cyan value is 0.00%
  • magenta value is 60.00%
  • yellow value is 32.31%
  • key color value is 49.02%
CMYK:
(0,60,32,49)
C0M60Y32K49 
(0%,60%,32%,49%)
(0.00/0.60/0.32/0.49)	

CMYK percentages

%0
%60
%32.31
%49.02

Codes

Color #823458 in popluar color models

823458
RGB1305288
HSL332°42.86%35.69%
HSB/HSV332°60.00%50.98%
CMYK0.00%60.00%32.31%
49.02%

Color #823458 in popluar number systems.

HEX823458
Decimal1305288
Binary100000101101001011000
Octal20264130

Shades and tints

Shades of #823458

#823458
(130,52,88)
#773050
(119,48,80)
#6C2C48
(108,44,72)
#612840
(97,40,64)
#562438
(86,36,56)
#4B2030
(75,32,48)
#401C28
(64,28,40)
#351820
(53,24,32)
#2A1418
(42,20,24)
#1F1010
(31,16,16)
#140C08
(20,12,8)
#000000
(0,0,0)

Tints of #823458

#823458
(130,52,88)
#8D4667
(141,70,103)
#985876
(152,88,118)
#A36A85
(163,106,133)
#AE7C94
(174,124,148)
#B98EA3
(185,142,163)
#C4A0B2
(196,160,178)
#CFB2C1
(207,178,193)
#DAC4D0
(218,196,208)
#E5D6DF
(229,214,223)
#F0E8EE
(240,232,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #823458 color. Also use rgb(130,52,88) instead hex code.

Text Font Color

.myTextColor { color: #823458; }

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

This text font color is #823458.


Background Color

.myBgColor { background-color: #823458; }

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

This div background color is #823458.


Border color

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

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

This div border color is #823458.


Opacity

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

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

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

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

This text has shadow with #823458 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #823458 on black background.


Color preview on white background

This text has color #823458 on white background.



Black color preview on #823458 background

This text has black color on #823458 background.


White color preview on #823458 background

This text has white color on #823458 background.