COLOR #8B9CCA

HEX: #8B9CCA
RGB: (139,156,202)

Color info

#8B9CCA contains mainly green and blue colors. Web safe color of #8B9CCA is #9999CC (or #99C).

RGB color model

#8B9CCA color RGB value is (139,156,202).

  • red value is 139;
  • green value is 156;
  • blue value is 202.
RGB:
(139,156,202)
(55%,61%,79%)

RGB channels and saturation

R 139 of 255 = 55%
G 156 of 255 = 61%
B 202 of 255 = 79%

139
156
202

R + G + B ~ 65%. #8B9CCA is quite light color.

Portions of RGB colors in percentages

R + G + B =
139 + 156 + 202 = 497 (100%)
R 139 of 497 ~ 27.97%
G 156 of 497 ~ 31.39%
B 202 of 497 ~ 40.64%

%27.97
%31.39
%40.64

CMYK color model

#8B9CCA color CMYK value is (31,23,0,21).

  • cyan value is 31.19%
  • magenta value is 22.77%
  • yellow value is 0.00%
  • key color value is 20.78%
CMYK:
(31,23,0,21)
C31M23Y0K21 
(31%,23%,0%,21%)
(0.31/0.23/0.00/0.21)	

CMYK percentages

%31.19
%22.77
%0
%20.78

Codes

Color #8B9CCA in popluar color models

8B9CCA
RGB139156202
HSL224°37.28%66.86%
HSB/HSV224°31.19%79.22%
CMYK31.19%22.77%0.00%
20.78%

Color #8B9CCA in popluar number systems.

HEX8B9CCA
Decimal139156202
Binary100010111001110011001010
Octal213234312

Shades and tints

Shades of #8B9CCA

#8B9CCA
(139,156,202)
#7F8EB8
(127,142,184)
#7380A6
(115,128,166)
#677294
(103,114,148)
#5B6482
(91,100,130)
#4F5670
(79,86,112)
#43485E
(67,72,94)
#373A4C
(55,58,76)
#2B2C3A
(43,44,58)
#1F1E28
(31,30,40)
#131016
(19,16,22)
#000000
(0,0,0)

Tints of #8B9CCA

#8B9CCA
(139,156,202)
#95A5CE
(149,165,206)
#9FAED2
(159,174,210)
#A9B7D6
(169,183,214)
#B3C0DA
(179,192,218)
#BDC9DE
(189,201,222)
#C7D2E2
(199,210,226)
#D1DBE6
(209,219,230)
#DBE4EA
(219,228,234)
#E5EDEE
(229,237,238)
#EFF6F2
(239,246,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8B9CCA color. Also use rgb(139,156,202) instead hex code.

Text Font Color

.myTextColor { color: #8B9CCA; }

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

This text font color is #8B9CCA.


Background Color

.myBgColor { background-color: #8B9CCA; }

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

This div background color is #8B9CCA.


Border color

.myBorderColor { border: 1px solid #8B9CCA; }

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

This div border color is #8B9CCA.


Opacity

.myOpacity80 { color: #8B9CCA; opacity: 0.8; }

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

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

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

This text has shadow with #8B9CCA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8B9CCA on black background.


Color preview on white background

This text has color #8B9CCA on white background.



Black color preview on #8B9CCA background

This text has black color on #8B9CCA background.


White color preview on #8B9CCA background

This text has white color on #8B9CCA background.