Color #BD2334

Color info

#BD2334 contains mainly red color. Web safe color of #BD2334 is #CC3333 (or #C33).

RGB color model

#BD2334 color RGB value is (189,35,52).

red value is 189;
green value is 35;
blue value is 52.

RGB:
(189,35,52)
(74%,14%,20%)

RGB channels and saturation

R 189 of 255 = 74%
G 35 of 255 = 14%
B 52 of 255 = 20%

189

R + G + B ~ 36%. #BD2334 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
189 + 35 + 52 = 276 (100%)
R 189 of 276 ~ 68.48%
G 35 of 276 ~ 12.68%
B 52 of 276 ~ 18.84%

%68.48

%12.68

%18.84

CMYK color model

#BD2334 color CMYK value is (0,81,72,26).

cyan value is 0.00%
magenta value is 81.48%
yellow value is 72.49%
key color value is 25.88%

CMYK:
(0,81,72,26)
C0M81Y72K26 
(0%,81%,72%,26%)
(0.00/0.81/0.72/0.26)

CMYK percentages

%81.48

%72.49

%25.88

Codes

Color #BD2334 in popluar color models

	BD	23	34
RGB	189	35	52
HSL	353°	68.75%	43.92%
HSB/HSV	353°	81.48%	74.12%
CMYK	0.00%	81.48%	72.49%
CMYK	25.88%

Color #BD2334 in popluar number systems.

HEX	BD	23	34
Decimal	189	35	52
Binary	10111101	100011	110100
Octal	275	43	64

Shades and tints

Shades of #BD2334

#BD2334
(189,35,52)

#AC2030
(172,32,48)

#9B1D2C
(155,29,44)

#8A1A28
(138,26,40)

#791724
(121,23,36)

#681420
(104,20,32)

#57111C
(87,17,28)

#460E18
(70,14,24)

#350B14
(53,11,20)

#240810
(36,8,16)

#13050C
(19,5,12)

#000000
(0,0,0)

Tints of #BD2334

#BD2334
(189,35,52)

#C33746
(195,55,70)

#C94B58
(201,75,88)

#CF5F6A
(207,95,106)

#D5737C
(213,115,124)

#DB878E
(219,135,142)

#E19BA0
(225,155,160)

#E7AFB2
(231,175,178)

#EDC3C4
(237,195,196)

#F3D7D6
(243,215,214)

#F9EBE8
(249,235,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BD2334 color. Also use rgb(189,35,52) instead hex code.

Text Font Color

.myTextColor { color: #BD2334; }

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

This text font color is #BD2334.

Background Color

.myBgColor { background-color: #BD2334; }

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

This div background color is #BD2334.

Border color

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

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

This div border color is #BD2334.

Opacity

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

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

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

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

This text has shadow with #BD2334 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BD2334.

Preview

Color preview on black background

This text has color #BD2334 on black background.

Color preview on white background

This text has color #BD2334 on white background.

Black color preview on #BD2334 background

This text has black color on #BD2334 background.

White color preview on #BD2334 background

This text has white color on #BD2334 background.