COLOR #823C75

HEX: #823C75
RGB: (130,60,117)

Color info

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

RGB color model

#823C75 color RGB value is (130,60,117).

  • red value is 130;
  • green value is 60;
  • blue value is 117.
RGB:
(130,60,117)
(51%,24%,46%)

RGB channels and saturation

R 130 of 255 = 51%
G 60 of 255 = 24%
B 117 of 255 = 46%

130
60
117

R + G + B ~ 40%. #823C75 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
130 + 60 + 117 = 307 (100%)
R 130 of 307 ~ 42.35%
G 60 of 307 ~ 19.54%
B 117 of 307 ~ 38.11%

%42.35
%19.54
%38.11

CMYK color model

#823C75 color CMYK value is (0,54,10,49).

  • cyan value is 0.00%
  • magenta value is 53.85%
  • yellow value is 10.00%
  • key color value is 49.02%
CMYK:
(0,54,10,49)
C0M54Y10K49 
(0%,54%,10%,49%)
(0.00/0.54/0.10/0.49)	

CMYK percentages

%0
%53.85
%10
%49.02

Codes

Color #823C75 in popluar color models

823C75
RGB13060117
HSL311°36.84%37.25%
HSB/HSV311°53.85%50.98%
CMYK0.00%53.85%10.00%
49.02%

Color #823C75 in popluar number systems.

HEX823C75
Decimal13060117
Binary100000101111001110101
Octal20274165

Shades and tints

Shades of #823C75

#823C75
(130,60,117)
#77376B
(119,55,107)
#6C3261
(108,50,97)
#612D57
(97,45,87)
#56284D
(86,40,77)
#4B2343
(75,35,67)
#401E39
(64,30,57)
#35192F
(53,25,47)
#2A1425
(42,20,37)
#1F0F1B
(31,15,27)
#140A11
(20,10,17)
#000000
(0,0,0)

Tints of #823C75

#823C75
(130,60,117)
#8D4D81
(141,77,129)
#985E8D
(152,94,141)
#A36F99
(163,111,153)
#AE80A5
(174,128,165)
#B991B1
(185,145,177)
#C4A2BD
(196,162,189)
#CFB3C9
(207,179,201)
#DAC4D5
(218,196,213)
#E5D5E1
(229,213,225)
#F0E6ED
(240,230,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #823C75 color. Also use rgb(130,60,117) instead hex code.

Text Font Color

.myTextColor { color: #823C75; }

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

This text font color is #823C75.


Background Color

.myBgColor { background-color: #823C75; }

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

This div background color is #823C75.


Border color

.myBorderColor { border: 1px solid #823C75; }

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

This div border color is #823C75.


Opacity

.myOpacity80 { color: #823C75; opacity: 0.8; }

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

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

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

This text has shadow with #823C75 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #823C75 on black background.


Color preview on white background

This text has color #823C75 on white background.



Black color preview on #823C75 background

This text has black color on #823C75 background.


White color preview on #823C75 background

This text has white color on #823C75 background.