COLOR #9404A0

HEX: #9404A0
RGB: (148,4,160)

Color info

#9404A0 contains mainly red and blue colors. Web safe color of #9404A0 is #990099 (or #909).

RGB color model

#9404A0 color RGB value is (148,4,160).

  • red value is 148;
  • green value is 4;
  • blue value is 160.
RGB:
(148,4,160)
(58%,2%,63%)

RGB channels and saturation

R 148 of 255 = 58%
G 4 of 255 = 2%
B 160 of 255 = 63%

148
4
160

R + G + B ~ 41%. #9404A0 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
148 + 4 + 160 = 312 (100%)
R 148 of 312 ~ 47.44%
G 4 of 312 ~ 1.28%
B 160 of 312 ~ 51.28%

%47.44
%51.28

CMYK color model

#9404A0 color CMYK value is (7,98,0,37).

  • cyan value is 7.50%
  • magenta value is 97.50%
  • yellow value is 0.00%
  • key color value is 37.25%
CMYK:
(7,98,0,37)
C7M98Y0K37 
(7%,98%,0%,37%)
(0.07/0.98/0.00/0.37)	

CMYK percentages

%7.5
%97.5
%0
%37.25

Codes

Color #9404A0 in popluar color models

9404A0
RGB1484160
HSL295°95.12%32.16%
HSB/HSV295°97.50%62.75%
CMYK7.50%97.50%0.00%
37.25%

Color #9404A0 in popluar number systems.

HEX9404A0
Decimal1484160
Binary1001010010010100000
Octal2244240

Shades and tints

Shades of #9404A0

#9404A0
(148,4,160)
#870492
(135,4,146)
#7A0484
(122,4,132)
#6D0476
(109,4,118)
#600468
(96,4,104)
#53045A
(83,4,90)
#46044C
(70,4,76)
#39043E
(57,4,62)
#2C0430
(44,4,48)
#1F0422
(31,4,34)
#120414
(18,4,20)
#000000
(0,0,0)

Tints of #9404A0

#9404A0
(148,4,160)
#9D1AA8
(157,26,168)
#A630B0
(166,48,176)
#AF46B8
(175,70,184)
#B85CC0
(184,92,192)
#C172C8
(193,114,200)
#CA88D0
(202,136,208)
#D39ED8
(211,158,216)
#DCB4E0
(220,180,224)
#E5CAE8
(229,202,232)
#EEE0F0
(238,224,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9404A0 color. Also use rgb(148,4,160) instead hex code.

Text Font Color

.myTextColor { color: #9404A0; }

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

This text font color is #9404A0.


Background Color

.myBgColor { background-color: #9404A0; }

<div style="background-color:#9404A0">Inner text</div>

This div background color is #9404A0.


Border color

.myBorderColor { border: 1px solid #9404A0; }

<div style="border:3px solid #9404A0">Div</div>

This div border color is #9404A0.


Opacity

.myOpacity80 { color: #9404A0; opacity: 0.8; }

<p style="color:#9404A0;opacity:0.8;">80%</p>

Text with #9404A0 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 #9404A0;}

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

This text has shadow with #9404A0 color.

.textShadow {text-shadow: 3px 3px 1px #9404A0, 3px 3px 1px red;}

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

This text has shadow with #9404A0 primary color and red secondary color.


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

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

This text has shadow with #9404A0 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9404A0 on black background.


Color preview on white background

This text has color #9404A0 on white background.



Black color preview on #9404A0 background

This text has black color on #9404A0 background.


White color preview on #9404A0 background

This text has white color on #9404A0 background.