COLOR #958EDD

HEX: #958EDD
RGB: (149,142,221)

Color info

#958EDD contains mainly blue color. Web safe color of #958EDD is #9999CC (or #99C).

RGB color model

#958EDD color RGB value is (149,142,221).

  • red value is 149;
  • green value is 142;
  • blue value is 221.
RGB:
(149,142,221)
(58%,56%,87%)

RGB channels and saturation

R 149 of 255 = 58%
G 142 of 255 = 56%
B 221 of 255 = 87%

149
142
221

R + G + B ~ 67%. #958EDD is quite light color.

Portions of RGB colors in percentages

R + G + B =
149 + 142 + 221 = 512 (100%)
R 149 of 512 ~ 29.1%
G 142 of 512 ~ 27.73%
B 221 of 512 ~ 43.16%

%29.1
%27.73
%43.16

CMYK color model

#958EDD color CMYK value is (33,36,0,13).

  • cyan value is 32.58%
  • magenta value is 35.75%
  • yellow value is 0.00%
  • key color value is 13.33%
CMYK:
(33,36,0,13)
C33M36Y0K13 
(33%,36%,0%,13%)
(0.33/0.36/0.00/0.13)	

CMYK percentages

%32.58
%35.75
%0
%13.33

Codes

Color #958EDD in popluar color models

958EDD
RGB149142221
HSL245°53.74%71.18%
HSB/HSV245°35.75%86.67%
CMYK32.58%35.75%0.00%
13.33%

Color #958EDD in popluar number systems.

HEX958EDD
Decimal149142221
Binary100101011000111011011101
Octal225216335

Shades and tints

Shades of #958EDD

#958EDD
(149,142,221)
#8882C9
(136,130,201)
#7B76B5
(123,118,181)
#6E6AA1
(110,106,161)
#615E8D
(97,94,141)
#545279
(84,82,121)
#474665
(71,70,101)
#3A3A51
(58,58,81)
#2D2E3D
(45,46,61)
#202229
(32,34,41)
#131615
(19,22,21)
#000000
(0,0,0)

Tints of #958EDD

#958EDD
(149,142,221)
#9E98E0
(158,152,224)
#A7A2E3
(167,162,227)
#B0ACE6
(176,172,230)
#B9B6E9
(185,182,233)
#C2C0EC
(194,192,236)
#CBCAEF
(203,202,239)
#D4D4F2
(212,212,242)
#DDDEF5
(221,222,245)
#E6E8F8
(230,232,248)
#EFF2FB
(239,242,251)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #958EDD color. Also use rgb(149,142,221) instead hex code.

Text Font Color

.myTextColor { color: #958EDD; }

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

This text font color is #958EDD.


Background Color

.myBgColor { background-color: #958EDD; }

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

This div background color is #958EDD.


Border color

.myBorderColor { border: 1px solid #958EDD; }

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

This div border color is #958EDD.


Opacity

.myOpacity80 { color: #958EDD; opacity: 0.8; }

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

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

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

This text has shadow with #958EDD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #958EDD on black background.


Color preview on white background

This text has color #958EDD on white background.



Black color preview on #958EDD background

This text has black color on #958EDD background.


White color preview on #958EDD background

This text has white color on #958EDD background.