COLOR #9557DB

HEX: #9557DB
RGB: (149,87,219)

Color info

#9557DB contains mainly blue color. Web safe color of #9557DB is #9966CC (or #96C).

RGB color model

#9557DB color RGB value is (149,87,219).

  • red value is 149;
  • green value is 87;
  • blue value is 219.
RGB:
(149,87,219)
(58%,34%,86%)

RGB channels and saturation

R 149 of 255 = 58%
G 87 of 255 = 34%
B 219 of 255 = 86%

149
87
219

R + G + B ~ 59%. #9557DB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
149 + 87 + 219 = 455 (100%)
R 149 of 455 ~ 32.75%
G 87 of 455 ~ 19.12%
B 219 of 455 ~ 48.13%

%32.75
%19.12
%48.13

CMYK color model

#9557DB color CMYK value is (32,60,0,14).

  • cyan value is 31.96%
  • magenta value is 60.27%
  • yellow value is 0.00%
  • key color value is 14.12%
CMYK:
(32,60,0,14)
C32M60Y0K14 
(32%,60%,0%,14%)
(0.32/0.60/0.00/0.14)	

CMYK percentages

%31.96
%60.27
%0
%14.12

Codes

Color #9557DB in popluar color models

9557DB
RGB14987219
HSL268°64.71%60.00%
HSB/HSV268°60.27%85.88%
CMYK31.96%60.27%0.00%
14.12%

Color #9557DB in popluar number systems.

HEX9557DB
Decimal14987219
Binary10010101101011111011011
Octal225127333

Shades and tints

Shades of #9557DB

#9557DB
(149,87,219)
#8850C8
(136,80,200)
#7B49B5
(123,73,181)
#6E42A2
(110,66,162)
#613B8F
(97,59,143)
#54347C
(84,52,124)
#472D69
(71,45,105)
#3A2656
(58,38,86)
#2D1F43
(45,31,67)
#201830
(32,24,48)
#13111D
(19,17,29)
#000000
(0,0,0)

Tints of #9557DB

#9557DB
(149,87,219)
#9E66DE
(158,102,222)
#A775E1
(167,117,225)
#B084E4
(176,132,228)
#B993E7
(185,147,231)
#C2A2EA
(194,162,234)
#CBB1ED
(203,177,237)
#D4C0F0
(212,192,240)
#DDCFF3
(221,207,243)
#E6DEF6
(230,222,246)
#EFEDF9
(239,237,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9557DB color. Also use rgb(149,87,219) instead hex code.

Text Font Color

.myTextColor { color: #9557DB; }

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

This text font color is #9557DB.


Background Color

.myBgColor { background-color: #9557DB; }

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

This div background color is #9557DB.


Border color

.myBorderColor { border: 1px solid #9557DB; }

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

This div border color is #9557DB.


Opacity

.myOpacity80 { color: #9557DB; opacity: 0.8; }

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

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

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

This text has shadow with #9557DB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9557DB on black background.


Color preview on white background

This text has color #9557DB on white background.



Black color preview on #9557DB background

This text has black color on #9557DB background.


White color preview on #9557DB background

This text has white color on #9557DB background.