COLOR #530DF9

HEX: #530DF9
RGB: (83,13,249)

Color info

#530DF9 contains mainly blue color. Web safe color of #530DF9 is #6600FF (or #60F).

RGB color model

#530DF9 color RGB value is (83,13,249).

  • red value is 83;
  • green value is 13;
  • blue value is 249.
RGB:
(83,13,249)
(33%,5%,98%)

RGB channels and saturation

R 83 of 255 = 33%
G 13 of 255 = 5%
B 249 of 255 = 98%

83
13
249

R + G + B ~ 45%. #530DF9 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
83 + 13 + 249 = 345 (100%)
R 83 of 345 ~ 24.06%
G 13 of 345 ~ 3.77%
B 249 of 345 ~ 72.17%

%24.06
%72.17

CMYK color model

#530DF9 color CMYK value is (67,95,0,2).

  • cyan value is 66.67%
  • magenta value is 94.78%
  • yellow value is 0.00%
  • key color value is 2.35%
CMYK:
(67,95,0,2)
C67M95Y0K2 
(67%,95%,0%,2%)
(0.67/0.95/0.00/0.02)	

CMYK percentages

%66.67
%94.78
%0
%2.35

Codes

Color #530DF9 in popluar color models

530DF9
RGB8313249
HSL258°95.16%51.37%
HSB/HSV258°94.78%97.65%
CMYK66.67%94.78%0.00%
2.35%

Color #530DF9 in popluar number systems.

HEX530DF9
Decimal8313249
Binary1010011110111111001
Octal12315371

Shades and tints

Shades of #530DF9

#530DF9
(83,13,249)
#4C0CE3
(76,12,227)
#450BCD
(69,11,205)
#3E0AB7
(62,10,183)
#3709A1
(55,9,161)
#30088B
(48,8,139)
#290775
(41,7,117)
#22065F
(34,6,95)
#1B0549
(27,5,73)
#140433
(20,4,51)
#0D031D
(13,3,29)
#000000
(0,0,0)

Tints of #530DF9

#530DF9
(83,13,249)
#6223F9
(98,35,249)
#7139F9
(113,57,249)
#804FF9
(128,79,249)
#8F65F9
(143,101,249)
#9E7BF9
(158,123,249)
#AD91F9
(173,145,249)
#BCA7F9
(188,167,249)
#CBBDF9
(203,189,249)
#DAD3F9
(218,211,249)
#E9E9F9
(233,233,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #530DF9 color. Also use rgb(83,13,249) instead hex code.

Text Font Color

.myTextColor { color: #530DF9; }

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

This text font color is #530DF9.


Background Color

.myBgColor { background-color: #530DF9; }

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

This div background color is #530DF9.


Border color

.myBorderColor { border: 1px solid #530DF9; }

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

This div border color is #530DF9.


Opacity

.myOpacity80 { color: #530DF9; opacity: 0.8; }

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

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

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

This text has shadow with #530DF9 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #530DF9 on black background.


Color preview on white background

This text has color #530DF9 on white background.



Black color preview on #530DF9 background

This text has black color on #530DF9 background.


White color preview on #530DF9 background

This text has white color on #530DF9 background.