COLOR #8F86DB

HEX: #8F86DB
RGB: (143,134,219)

Color info

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

RGB color model

#8F86DB color RGB value is (143,134,219).

  • red value is 143;
  • green value is 134;
  • blue value is 219.
RGB:
(143,134,219)
(56%,53%,86%)

RGB channels and saturation

R 143 of 255 = 56%
G 134 of 255 = 53%
B 219 of 255 = 86%

143
134
219

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

Portions of RGB colors in percentages

R + G + B =
143 + 134 + 219 = 496 (100%)
R 143 of 496 ~ 28.83%
G 134 of 496 ~ 27.02%
B 219 of 496 ~ 44.15%

%28.83
%27.02
%44.15

CMYK color model

#8F86DB color CMYK value is (35,39,0,14).

  • cyan value is 34.70%
  • magenta value is 38.81%
  • yellow value is 0.00%
  • key color value is 14.12%
CMYK:
(35,39,0,14)
C35M39Y0K14 
(35%,39%,0%,14%)
(0.35/0.39/0.00/0.14)	

CMYK percentages

%34.7
%38.81
%0
%14.12

Codes

Color #8F86DB in popluar color models

8F86DB
RGB143134219
HSL246°54.14%69.22%
HSB/HSV246°38.81%85.88%
CMYK34.70%38.81%0.00%
14.12%

Color #8F86DB in popluar number systems.

HEX8F86DB
Decimal143134219
Binary100011111000011011011011
Octal217206333

Shades and tints

Shades of #8F86DB

#8F86DB
(143,134,219)
#827AC8
(130,122,200)
#756EB5
(117,110,181)
#6862A2
(104,98,162)
#5B568F
(91,86,143)
#4E4A7C
(78,74,124)
#413E69
(65,62,105)
#343256
(52,50,86)
#272643
(39,38,67)
#1A1A30
(26,26,48)
#0D0E1D
(13,14,29)
#000000
(0,0,0)

Tints of #8F86DB

#8F86DB
(143,134,219)
#9991DE
(153,145,222)
#A39CE1
(163,156,225)
#ADA7E4
(173,167,228)
#B7B2E7
(183,178,231)
#C1BDEA
(193,189,234)
#CBC8ED
(203,200,237)
#D5D3F0
(213,211,240)
#DFDEF3
(223,222,243)
#E9E9F6
(233,233,246)
#F3F4F9
(243,244,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8F86DB color. Also use rgb(143,134,219) instead hex code.

Text Font Color

.myTextColor { color: #8F86DB; }

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

This text font color is #8F86DB.


Background Color

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

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

This div background color is #8F86DB.


Border color

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

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

This div border color is #8F86DB.


Opacity

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

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

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

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

This text has shadow with #8F86DB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #8F86DB on black background.


Color preview on white background

This text has color #8F86DB on white background.



Black color preview on #8F86DB background

This text has black color on #8F86DB background.


White color preview on #8F86DB background

This text has white color on #8F86DB background.