COLOR #965BED

HEX: #965BED
RGB: (150,91,237)

Color info

#965BED contains mainly blue color. Web safe color of #965BED is #9966FF (or #96F).

RGB color model

#965BED color RGB value is (150,91,237).

  • red value is 150;
  • green value is 91;
  • blue value is 237.
RGB:
(150,91,237)
(59%,36%,93%)

RGB channels and saturation

R 150 of 255 = 59%
G 91 of 255 = 36%
B 237 of 255 = 93%

150
91
237

R + G + B ~ 63%. #965BED is quite light color.

Portions of RGB colors in percentages

R + G + B =
150 + 91 + 237 = 478 (100%)
R 150 of 478 ~ 31.38%
G 91 of 478 ~ 19.04%
B 237 of 478 ~ 49.58%

%31.38
%19.04
%49.58

CMYK color model

#965BED color CMYK value is (37,62,0,7).

  • cyan value is 36.71%
  • magenta value is 61.60%
  • yellow value is 0.00%
  • key color value is 7.06%
CMYK:
(37,62,0,7)
C37M62Y0K7 
(37%,62%,0%,7%)
(0.37/0.62/0.00/0.07)	

CMYK percentages

%36.71
%61.6
%0
%7.06

Codes

Color #965BED in popluar color models

965BED
RGB15091237
HSL264°80.22%64.31%
HSB/HSV264°61.60%92.94%
CMYK36.71%61.60%0.00%
7.06%

Color #965BED in popluar number systems.

HEX965BED
Decimal15091237
Binary10010110101101111101101
Octal226133355

Shades and tints

Shades of #965BED

#965BED
(150,91,237)
#8953D8
(137,83,216)
#7C4BC3
(124,75,195)
#6F43AE
(111,67,174)
#623B99
(98,59,153)
#553384
(85,51,132)
#482B6F
(72,43,111)
#3B235A
(59,35,90)
#2E1B45
(46,27,69)
#211330
(33,19,48)
#140B1B
(20,11,27)
#000000
(0,0,0)

Tints of #965BED

#965BED
(150,91,237)
#9F69EE
(159,105,238)
#A877EF
(168,119,239)
#B185F0
(177,133,240)
#BA93F1
(186,147,241)
#C3A1F2
(195,161,242)
#CCAFF3
(204,175,243)
#D5BDF4
(213,189,244)
#DECBF5
(222,203,245)
#E7D9F6
(231,217,246)
#F0E7F7
(240,231,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #965BED color. Also use rgb(150,91,237) instead hex code.

Text Font Color

.myTextColor { color: #965BED; }

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

This text font color is #965BED.


Background Color

.myBgColor { background-color: #965BED; }

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

This div background color is #965BED.


Border color

.myBorderColor { border: 1px solid #965BED; }

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

This div border color is #965BED.


Opacity

.myOpacity80 { color: #965BED; opacity: 0.8; }

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

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

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

This text has shadow with #965BED color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #965BED on black background.


Color preview on white background

This text has color #965BED on white background.



Black color preview on #965BED background

This text has black color on #965BED background.


White color preview on #965BED background

This text has white color on #965BED background.