COLOR #FB87E7

HEX: #FB87E7
RGB: (251,135,231)

Color info

#FB87E7 contains mainly red and blue colors. Web safe color of #FB87E7 is #FF99FF (or #F9F).

RGB color model

#FB87E7 color RGB value is (251,135,231).

  • red value is 251;
  • green value is 135;
  • blue value is 231.
RGB:
(251,135,231)
(98%,53%,91%)

RGB channels and saturation

R 251 of 255 = 98%
G 135 of 255 = 53%
B 231 of 255 = 91%

251
135
231

R + G + B ~ 81%. #FB87E7 is quite light color.

Portions of RGB colors in percentages

R + G + B =
251 + 135 + 231 = 617 (100%)
R 251 of 617 ~ 40.68%
G 135 of 617 ~ 21.88%
B 231 of 617 ~ 37.44%

%40.68
%21.88
%37.44

CMYK color model

#FB87E7 color CMYK value is (0,46,8,2).

  • cyan value is 0.00%
  • magenta value is 46.22%
  • yellow value is 7.97%
  • key color value is 1.57%
CMYK:
(0,46,8,2)
C0M46Y8K2 
(0%,46%,8%,2%)
(0.00/0.46/0.08/0.02)	

CMYK percentages

%0
%46.22
%7.97
%1.57

Codes

Color #FB87E7 in popluar color models

FB87E7
RGB251135231
HSL310°93.55%75.69%
HSB/HSV310°46.22%98.43%
CMYK0.00%46.22%7.97%
1.57%

Color #FB87E7 in popluar number systems.

HEXFB87E7
Decimal251135231
Binary111110111000011111100111
Octal373207347

Shades and tints

Shades of #FB87E7

#FB87E7
(251,135,231)
#E57BD2
(229,123,210)
#CF6FBD
(207,111,189)
#B963A8
(185,99,168)
#A35793
(163,87,147)
#8D4B7E
(141,75,126)
#773F69
(119,63,105)
#613354
(97,51,84)
#4B273F
(75,39,63)
#351B2A
(53,27,42)
#1F0F15
(31,15,21)
#000000
(0,0,0)

Tints of #FB87E7

#FB87E7
(251,135,231)
#FB91E9
(251,145,233)
#FB9BEB
(251,155,235)
#FBA5ED
(251,165,237)
#FBAFEF
(251,175,239)
#FBB9F1
(251,185,241)
#FBC3F3
(251,195,243)
#FBCDF5
(251,205,245)
#FBD7F7
(251,215,247)
#FBE1F9
(251,225,249)
#FBEBFB
(251,235,251)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FB87E7 color. Also use rgb(251,135,231) instead hex code.

Text Font Color

.myTextColor { color: #FB87E7; }

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

This text font color is #FB87E7.


Background Color

.myBgColor { background-color: #FB87E7; }

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

This div background color is #FB87E7.


Border color

.myBorderColor { border: 1px solid #FB87E7; }

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

This div border color is #FB87E7.


Opacity

.myOpacity80 { color: #FB87E7; opacity: 0.8; }

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

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

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

This text has shadow with #FB87E7 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FB87E7 on black background.


Color preview on white background

This text has color #FB87E7 on white background.



Black color preview on #FB87E7 background

This text has black color on #FB87E7 background.


White color preview on #FB87E7 background

This text has white color on #FB87E7 background.