COLOR #4B218C

HEX: #4B218C RGB: (75,33,140)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#4B218C contains mainly blue color. Web safe color of #4B218C is #333399 (or #339).

RGB color model

#4B218C color RGB value is (75,33,140).

red value is 75;
green value is 33;
blue value is 140.

RGB: (75,33,140) (29%, 13%, 55%)

RGB channels and saturation

R 75 of 255 = 29%
G 33 of 255 = 13%
B 140 of 255 = 55%

140

R + G + B ~ 32%. #4B218C is quite dark color.

Portions of RGB colors in percentages

R + G + B = 75 + 33 + 140 = 248 (100%)
R 75 of 248 ~ 30.24%
G 33 of 248 ~ 13.31%
B 140 of 248 ~ 56.45'%

%30.24

%13.31

%56.45

CMYK color model

#4B218C color CMYK value is (46,76,0,45).

cyan value is 46.43%
magenta value is 76.43%
yellow value is 0.00%
key color value is 45.10%

CMYK: (46,76,0,45) C46M76Y0K45 (46%,76%,0%,45%) (0.46/0.76/0.00/0.45)

CMYK percentages

%46.43

%76.43

%45.1

Codes

Color #4B218C in popluar color models

	4B	21	8C
RGB	75	33	140
HSL	264°	61.85%	33.92%
HSB/HSV	264°	76.43%	54.90%
CMYK	46.43%	76.43%	0.00%
CMYK	45.10%

Color #4B218C in popluar number systems.

HEX	4B	21	8C
Decimal	75	33	140
Binary	1001011	100001	10001100
Octal	113	41	214

Shades and tints

Shades of #4B218C

#4B218C
(75,33,140)

#451E80
(69,30,128)

#3F1B74
(63,27,116)

#391868
(57,24,104)

#33155C
(51,21,92)

#2D1250
(45,18,80)

#270F44
(39,15,68)

#210C38
(33,12,56)

#1B092C
(27,9,44)

#150620
(21,6,32)

#0F0314
(15,3,20)

#000000
(0,0,0)

Tints of #4B218C

#4B218C
(75,33,140)

#5B3596
(91,53,150)

#6B49A0
(107,73,160)

#7B5DAA
(123,93,170)

#8B71B4
(139,113,180)

#9B85BE
(155,133,190)

#AB99C8
(171,153,200)

#BBADD2
(187,173,210)

#CBC1DC
(203,193,220)

#DBD5E6
(219,213,230)

#EBE9F0
(235,233,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4B218C color. Also use rgb(75,33,140) instead hex code.

Text Font Color

.myTextColor { color: #4B218C; }

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

This text font color is #4B218C.

Background Color

.myBgColor { background-color: #4B218C; }

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

This div background color is #4B218C.

Border color

.myBorderColor { border: 1px solid #4B218C; }

This div border color is #4B218C.

Opacity

.myOpacity80 { color: #4B218C; opacity: 0.8; }

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

This text has shadow with #4B218C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4B218C.