COLOR #9C94EF

HEX: #9C94EF
RGB: (156,148,239)

Color info

#9C94EF contains mainly blue color. Web safe color of #9C94EF is #9999FF (or #99F).

RGB color model

#9C94EF color RGB value is (156,148,239).

  • red value is 156;
  • green value is 148;
  • blue value is 239.
RGB:
(156,148,239)
(61%,58%,94%)

RGB channels and saturation

R 156 of 255 = 61%
G 148 of 255 = 58%
B 239 of 255 = 94%

156
148
239

R + G + B ~ 71%. #9C94EF is quite light color.

Portions of RGB colors in percentages

R + G + B =
156 + 148 + 239 = 543 (100%)
R 156 of 543 ~ 28.73%
G 148 of 543 ~ 27.26%
B 239 of 543 ~ 44.01%

%28.73
%27.26
%44.01

CMYK color model

#9C94EF color CMYK value is (35,38,0,6).

  • cyan value is 34.73%
  • magenta value is 38.08%
  • yellow value is 0.00%
  • key color value is 6.27%
CMYK:
(35,38,0,6)
C35M38Y0K6 
(35%,38%,0%,6%)
(0.35/0.38/0.00/0.06)	

CMYK percentages

%34.73
%38.08
%0
%6.27

Codes

Color #9C94EF in popluar color models

9C94EF
RGB156148239
HSL245°73.98%75.88%
HSB/HSV245°38.08%93.73%
CMYK34.73%38.08%0.00%
6.27%

Color #9C94EF in popluar number systems.

HEX9C94EF
Decimal156148239
Binary100111001001010011101111
Octal234224357

Shades and tints

Shades of #9C94EF

#9C94EF
(156,148,239)
#8E87DA
(142,135,218)
#807AC5
(128,122,197)
#726DB0
(114,109,176)
#64609B
(100,96,155)
#565386
(86,83,134)
#484671
(72,70,113)
#3A395C
(58,57,92)
#2C2C47
(44,44,71)
#1E1F32
(30,31,50)
#10121D
(16,18,29)
#000000
(0,0,0)

Tints of #9C94EF

#9C94EF
(156,148,239)
#A59DF0
(165,157,240)
#AEA6F1
(174,166,241)
#B7AFF2
(183,175,242)
#C0B8F3
(192,184,243)
#C9C1F4
(201,193,244)
#D2CAF5
(210,202,245)
#DBD3F6
(219,211,246)
#E4DCF7
(228,220,247)
#EDE5F8
(237,229,248)
#F6EEF9
(246,238,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9C94EF color. Also use rgb(156,148,239) instead hex code.

Text Font Color

.myTextColor { color: #9C94EF; }

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

This text font color is #9C94EF.


Background Color

.myBgColor { background-color: #9C94EF; }

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

This div background color is #9C94EF.


Border color

.myBorderColor { border: 1px solid #9C94EF; }

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

This div border color is #9C94EF.


Opacity

.myOpacity80 { color: #9C94EF; opacity: 0.8; }

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

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

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

This text has shadow with #9C94EF color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9C94EF on black background.


Color preview on white background

This text has color #9C94EF on white background.



Black color preview on #9C94EF background

This text has black color on #9C94EF background.


White color preview on #9C94EF background

This text has white color on #9C94EF background.