COLOR #E099FF

HEX: #E099FF
RGB: (224,153,255)

Color info

#E099FF contains mainly red and blue colors. Web safe color of #E099FF is #CC99FF (or #C9F).

RGB color model

#E099FF color RGB value is (224,153,255).

  • red value is 224;
  • green value is 153;
  • blue value is 255.
RGB: (224,153,255) (88%,60%,100%)

RGB channels and saturation

R 224 of 255 = 88%
G 153 of 255 = 60%
B 255 of 255 = 100%

224
153
255

R + G + B ~ 83%. #E099FF is quite light color.

Portions of RGB colors in percentages

R + G + B =
224 + 153 + 255 = 632 (100%)
R 224 of 632 ~ 35.44%
G 153 of 632 ~ 24.21%
B 255 of 632 ~ 40.35%

%35.44
%24.21
%40.35

CMYK color model

#E099FF color CMYK value is (12,40,0,0).

  • cyan value is 12.16%
  • magenta value is 40.00%
  • yellow value is 0.00%
  • key color value is 0.00%
CMYK: (12,40,0,0) C12M40Y0K0 (12%,40%,0%,0%) (0.12/0.40/0.00/0.00)

CMYK percentages

%12.16
%40
%0
%0

Codes

Color #E099FF in popluar color models

E099FF
RGB224153255
HSL282°100.00%80.00%
HSB/HSV282°40.00%100.00%
CMYK12.16%40.00%0.00%
0.00%

Color #E099FF in popluar number systems.

HEXE099FF
Decimal224153255
Binary111000001001100111111111
Octal340231377

Shades and tints

Shades of #E099FF

#E099FF
(224,153,255)
#CC8CE8
(204,140,232)
#B87FD1
(184,127,209)
#A472BA
(164,114,186)
#9065A3
(144,101,163)
#7C588C
(124,88,140)
#684B75
(104,75,117)
#543E5E
(84,62,94)
#403147
(64,49,71)
#2C2430
(44,36,48)
#181719
(24,23,25)
#000000
(0,0,0)

Tints of #E099FF

#E099FF
(224,153,255)
#E2A2FF
(226,162,255)
#E4ABFF
(228,171,255)
#E6B4FF
(230,180,255)
#E8BDFF
(232,189,255)
#EAC6FF
(234,198,255)
#ECCFFF
(236,207,255)
#EED8FF
(238,216,255)
#F0E1FF
(240,225,255)
#F2EAFF
(242,234,255)
#F4F3FF
(244,243,255)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E099FF color. Also use rgb(224,153,255) instead hex code.

Text Font Color

.myTextColor { color: #E099FF; }

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

This text font color is #E099FF.


Background Color

.myBgColor { background-color: #E099FF; }

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

This div background color is #E099FF.


Border color

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

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

This div border color is #E099FF.


Opacity

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

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

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

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

This text has shadow with #E099FF color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #E099FF on black background.


Color preview on white background

This text has color #E099FF on white background.



Black color preview on #E099FF background

This text has black color on #E099FF background.


White color preview on #E099FF background

This text has white color on #E099FF background.