Color #952F36

Color info

#952F36 contains mainly red color. Web safe color of #952F36 is #993333 (or #933).

RGB color model

#952F36 color RGB value is (149,47,54).

red value is 149;
green value is 47;
blue value is 54.

RGB:
(149,47,54)
(58%,18%,21%)

RGB channels and saturation

R 149 of 255 = 58%
G 47 of 255 = 18%
B 54 of 255 = 21%

149

R + G + B ~ 32%. #952F36 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
149 + 47 + 54 = 250 (100%)
R 149 of 250 ~ 59.6%
G 47 of 250 ~ 18.8%
B 54 of 250 ~ 21.6%

%59.6

%18.8

%21.6

CMYK color model

#952F36 color CMYK value is (0,68,64,42).

cyan value is 0.00%
magenta value is 68.46%
yellow value is 63.76%
key color value is 41.57%

CMYK:
(0,68,64,42)
C0M68Y64K42 
(0%,68%,64%,42%)
(0.00/0.68/0.64/0.42)

CMYK percentages

%68.46

%63.76

%41.57

Codes

Color #952F36 in popluar color models

	95	2F	36
RGB	149	47	54
HSL	356°	52.04%	38.43%
HSB/HSV	356°	68.46%	58.43%
CMYK	0.00%	68.46%	63.76%
CMYK	41.57%

Color #952F36 in popluar number systems.

HEX	95	2F	36
Decimal	149	47	54
Binary	10010101	101111	110110
Octal	225	57	66

Shades and tints

Shades of #952F36

#952F36
(149,47,54)

#882B32
(136,43,50)

#7B272E
(123,39,46)

#6E232A
(110,35,42)

#611F26
(97,31,38)

#541B22
(84,27,34)

#47171E
(71,23,30)

#3A131A
(58,19,26)

#2D0F16
(45,15,22)

#200B12
(32,11,18)

#13070E
(19,7,14)

#000000
(0,0,0)

Tints of #952F36

#952F36
(149,47,54)

#9E4148
(158,65,72)

#A7535A
(167,83,90)

#B0656C
(176,101,108)

#B9777E
(185,119,126)

#C28990
(194,137,144)

#CB9BA2
(203,155,162)

#D4ADB4
(212,173,180)

#DDBFC6
(221,191,198)

#E6D1D8
(230,209,216)

#EFE3EA
(239,227,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #952F36 color. Also use rgb(149,47,54) instead hex code.

Text Font Color

.myTextColor { color: #952F36; }

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

This text font color is #952F36.

Background Color

.myBgColor { background-color: #952F36; }

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

This div background color is #952F36.

Border color

.myBorderColor { border: 1px solid #952F36; }

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

This div border color is #952F36.

Opacity

.myOpacity80 { color: #952F36; opacity: 0.8; }

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

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

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

This text has shadow with #952F36 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #952F36.

Preview

Color preview on black background

This text has color #952F36 on black background.

Color preview on white background

This text has color #952F36 on white background.

Black color preview on #952F36 background

This text has black color on #952F36 background.

White color preview on #952F36 background

This text has white color on #952F36 background.