COLOR #520BD2

HEX: #520BD2
RGB: (82,11,210)

Color info

#520BD2 contains mainly blue color. Web safe color of #520BD2 is #6600CC (or #60C).

RGB color model

#520BD2 color RGB value is (82,11,210).

  • red value is 82;
  • green value is 11;
  • blue value is 210.
RGB:
(82,11,210)
(32%,4%,82%)

RGB channels and saturation

R 82 of 255 = 32%
G 11 of 255 = 4%
B 210 of 255 = 82%

82
11
210

R + G + B ~ 39%. #520BD2 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
82 + 11 + 210 = 303 (100%)
R 82 of 303 ~ 27.06%
G 11 of 303 ~ 3.63%
B 210 of 303 ~ 69.31%

%27.06
%69.31

CMYK color model

#520BD2 color CMYK value is (61,95,0,18).

  • cyan value is 60.95%
  • magenta value is 94.76%
  • yellow value is 0.00%
  • key color value is 17.65%
CMYK:
(61,95,0,18)
C61M95Y0K18 
(61%,95%,0%,18%)
(0.61/0.95/0.00/0.18)	

CMYK percentages

%60.95
%94.76
%0
%17.65

Codes

Color #520BD2 in popluar color models

520BD2
RGB8211210
HSL261°90.05%43.33%
HSB/HSV261°94.76%82.35%
CMYK60.95%94.76%0.00%
17.65%

Color #520BD2 in popluar number systems.

HEX520BD2
Decimal8211210
Binary1010010101111010010
Octal12213322

Shades and tints

Shades of #520BD2

#520BD2
(82,11,210)
#4B0ABF
(75,10,191)
#4409AC
(68,9,172)
#3D0899
(61,8,153)
#360786
(54,7,134)
#2F0673
(47,6,115)
#280560
(40,5,96)
#21044D
(33,4,77)
#1A033A
(26,3,58)
#130227
(19,2,39)
#0C0114
(12,1,20)
#000000
(0,0,0)

Tints of #520BD2

#520BD2
(82,11,210)
#6121D6
(97,33,214)
#7037DA
(112,55,218)
#7F4DDE
(127,77,222)
#8E63E2
(142,99,226)
#9D79E6
(157,121,230)
#AC8FEA
(172,143,234)
#BBA5EE
(187,165,238)
#CABBF2
(202,187,242)
#D9D1F6
(217,209,246)
#E8E7FA
(232,231,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #520BD2 color. Also use rgb(82,11,210) instead hex code.

Text Font Color

.myTextColor { color: #520BD2; }

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

This text font color is #520BD2.


Background Color

.myBgColor { background-color: #520BD2; }

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

This div background color is #520BD2.


Border color

.myBorderColor { border: 1px solid #520BD2; }

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

This div border color is #520BD2.


Opacity

.myOpacity80 { color: #520BD2; opacity: 0.8; }

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

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

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

This text has shadow with #520BD2 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #520BD2 on black background.


Color preview on white background

This text has color #520BD2 on white background.



Black color preview on #520BD2 background

This text has black color on #520BD2 background.


White color preview on #520BD2 background

This text has white color on #520BD2 background.