COLOR #980098

HEX: #980098
RGB: (152,0,152)

Color info

#980098 contains only red and blue colors. Web safe color of #980098 is #990099 (or #909).

RGB color model

#980098 color RGB value is (152,0,152).

  • red value is 152;
  • green value is 0;
  • blue value is 152.
RGB:
(152,0,152)
(60%,0%,60%)

RGB channels and saturation

R 152 of 255 = 60%
G 0 of 255 = 0%
B 152 of 255 = 60%

152
0
152

R + G + B ~ 40%. #980098 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
152 + 0 + 152 = 304 (100%)
R 152 of 304 ~ 50%
G 0 of 304 ~ 0%
B 152 of 304 ~ 50%

%50
%50

CMYK color model

#980098 color CMYK value is (0,100,0,40).

  • cyan value is 0.00%
  • magenta value is 100.00%
  • yellow value is 0.00%
  • key color value is 40.39%
CMYK:
(0,100,0,40)
C0M100Y0K40 
(0%,100%,0%,40%)
(0.00/1.00/0.00/0.40)	

CMYK percentages

%0
%100
%0
%40.39

Codes

Color #980098 in popluar color models

980098
RGB1520152
HSL300°100.00%29.80%
HSB/HSV300°100.00%59.61%
CMYK0.00%100.00%0.00%
40.39%

Color #980098 in popluar number systems.

HEX980098
Decimal1520152
Binary10011000010011000
Octal2300230

Shades and tints

Shades of #980098

#980098
(152,0,152)
#8B008B
(139,0,139)
#7E007E
(126,0,126)
#710071
(113,0,113)
#640064
(100,0,100)
#570057
(87,0,87)
#4A004A
(74,0,74)
#3D003D
(61,0,61)
#300030
(48,0,48)
#230023
(35,0,35)
#160016
(22,0,22)
#000000
(0,0,0)

Tints of #980098

#980098
(152,0,152)
#A117A1
(161,23,161)
#AA2EAA
(170,46,170)
#B345B3
(179,69,179)
#BC5CBC
(188,92,188)
#C573C5
(197,115,197)
#CE8ACE
(206,138,206)
#D7A1D7
(215,161,215)
#E0B8E0
(224,184,224)
#E9CFE9
(233,207,233)
#F2E6F2
(242,230,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #980098 color. Also use rgb(152,0,152) instead hex code.

Text Font Color

.myTextColor { color: #980098; }

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

This text font color is #980098.


Background Color

.myBgColor { background-color: #980098; }

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

This div background color is #980098.


Border color

.myBorderColor { border: 1px solid #980098; }

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

This div border color is #980098.


Opacity

.myOpacity80 { color: #980098; opacity: 0.8; }

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

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

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

This text has shadow with #980098 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #980098 on black background.


Color preview on white background

This text has color #980098 on white background.



Black color preview on #980098 background

This text has black color on #980098 background.


White color preview on #980098 background

This text has white color on #980098 background.