COLOR #9530EB

HEX: #9530EB
RGB: (149,48,235)

Color info

#9530EB contains mainly blue color. Web safe color of #9530EB is #9933FF (or #93F).

RGB color model

#9530EB color RGB value is (149,48,235).

  • red value is 149;
  • green value is 48;
  • blue value is 235.
RGB:
(149,48,235)
(58%,19%,92%)

RGB channels and saturation

R 149 of 255 = 58%
G 48 of 255 = 19%
B 235 of 255 = 92%

149
48
235

R + G + B ~ 56%. #9530EB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
149 + 48 + 235 = 432 (100%)
R 149 of 432 ~ 34.49%
G 48 of 432 ~ 11.11%
B 235 of 432 ~ 54.4%

%34.49
%11.11
%54.4

CMYK color model

#9530EB color CMYK value is (37,80,0,8).

  • cyan value is 36.60%
  • magenta value is 79.57%
  • yellow value is 0.00%
  • key color value is 7.84%
CMYK:
(37,80,0,8)
C37M80Y0K8 
(37%,80%,0%,8%)
(0.37/0.80/0.00/0.08)	

CMYK percentages

%36.6
%79.57
%0
%7.84

Codes

Color #9530EB in popluar color models

9530EB
RGB14948235
HSL272°82.38%55.49%
HSB/HSV272°79.57%92.16%
CMYK36.60%79.57%0.00%
7.84%

Color #9530EB in popluar number systems.

HEX9530EB
Decimal14948235
Binary1001010111000011101011
Octal22560353

Shades and tints

Shades of #9530EB

#9530EB
(149,48,235)
#882CD6
(136,44,214)
#7B28C1
(123,40,193)
#6E24AC
(110,36,172)
#612097
(97,32,151)
#541C82
(84,28,130)
#47186D
(71,24,109)
#3A1458
(58,20,88)
#2D1043
(45,16,67)
#200C2E
(32,12,46)
#130819
(19,8,25)
#000000
(0,0,0)

Tints of #9530EB

#9530EB
(149,48,235)
#9E42EC
(158,66,236)
#A754ED
(167,84,237)
#B066EE
(176,102,238)
#B978EF
(185,120,239)
#C28AF0
(194,138,240)
#CB9CF1
(203,156,241)
#D4AEF2
(212,174,242)
#DDC0F3
(221,192,243)
#E6D2F4
(230,210,244)
#EFE4F5
(239,228,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9530EB color. Also use rgb(149,48,235) instead hex code.

Text Font Color

.myTextColor { color: #9530EB; }

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

This text font color is #9530EB.


Background Color

.myBgColor { background-color: #9530EB; }

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

This div background color is #9530EB.


Border color

.myBorderColor { border: 1px solid #9530EB; }

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

This div border color is #9530EB.


Opacity

.myOpacity80 { color: #9530EB; opacity: 0.8; }

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

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

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

This text has shadow with #9530EB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9530EB on black background.


Color preview on white background

This text has color #9530EB on white background.



Black color preview on #9530EB background

This text has black color on #9530EB background.


White color preview on #9530EB background

This text has white color on #9530EB background.