COLOR #E0BCFA

HEX: #E0BCFA
RGB: (224,188,250)

Color info

#E0BCFA contains mainly red and blue colors. Web safe color of #E0BCFA is #CCCCFF (or #CCF).

RGB color model

#E0BCFA color RGB value is (224,188,250).

  • red value is 224;
  • green value is 188;
  • blue value is 250.
RGB:
(224,188,250)
(88%,74%,98%)

RGB channels and saturation

R 224 of 255 = 88%
G 188 of 255 = 74%
B 250 of 255 = 98%

224
188
250

R + G + B ~ 87%. #E0BCFA is light color.

Portions of RGB colors in percentages

R + G + B =
224 + 188 + 250 = 662 (100%)
R 224 of 662 ~ 33.84%
G 188 of 662 ~ 28.4%
B 250 of 662 ~ 37.76%

%33.84
%28.4
%37.76

CMYK color model

#E0BCFA color CMYK value is (10,25,0,2).

  • cyan value is 10.40%
  • magenta value is 24.80%
  • yellow value is 0.00%
  • key color value is 1.96%
CMYK:
(10,25,0,2)
C10M25Y0K2 
(10%,25%,0%,2%)
(0.10/0.25/0.00/0.02)	

CMYK percentages

%10.4
%24.8
%0
%1.96

Codes

Color #E0BCFA in popluar color models

E0BCFA
RGB224188250
HSL275°86.11%85.88%
HSB/HSV275°24.80%98.04%
CMYK10.40%24.80%0.00%
1.96%

Color #E0BCFA in popluar number systems.

HEXE0BCFA
Decimal224188250
Binary111000001011110011111010
Octal340274372

Shades and tints

Shades of #E0BCFA

#E0BCFA
(224,188,250)
#CCABE4
(204,171,228)
#B89ACE
(184,154,206)
#A489B8
(164,137,184)
#9078A2
(144,120,162)
#7C678C
(124,103,140)
#685676
(104,86,118)
#544560
(84,69,96)
#40344A
(64,52,74)
#2C2334
(44,35,52)
#18121E
(24,18,30)
#000000
(0,0,0)

Tints of #E0BCFA

#E0BCFA
(224,188,250)
#E2C2FA
(226,194,250)
#E4C8FA
(228,200,250)
#E6CEFA
(230,206,250)
#E8D4FA
(232,212,250)
#EADAFA
(234,218,250)
#ECE0FA
(236,224,250)
#EEE6FA
(238,230,250)
#F0ECFA
(240,236,250)
#F2F2FA
(242,242,250)
#F4F8FA
(244,248,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E0BCFA color. Also use rgb(224,188,250) instead hex code.

Text Font Color

.myTextColor { color: #E0BCFA; }

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

This text font color is #E0BCFA.


Background Color

.myBgColor { background-color: #E0BCFA; }

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

This div background color is #E0BCFA.


Border color

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

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

This div border color is #E0BCFA.


Opacity

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

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

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

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

This text has shadow with #E0BCFA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #E0BCFA on black background.


Color preview on white background

This text has color #E0BCFA on white background.



Black color preview on #E0BCFA background

This text has black color on #E0BCFA background.


White color preview on #E0BCFA background

This text has white color on #E0BCFA background.