COLOR #E67BC6

HEX: #E67BC6
RGB: (230,123,198)

Color info

#E67BC6 contains mainly red and blue colors. Web safe color of #E67BC6 is #CC66CC (or #C6C).

RGB color model

#E67BC6 color RGB value is (230,123,198).

  • red value is 230;
  • green value is 123;
  • blue value is 198.
RGB: (230,123,198) (90%,48%,78%)

RGB channels and saturation

R 230 of 255 = 90%
G 123 of 255 = 48%
B 198 of 255 = 78%

230
123
198

R + G + B ~ 72%. #E67BC6 is quite light color.

Portions of RGB colors in percentages

R + G + B =
230 + 123 + 198 = 551 (100%)
R 230 of 551 ~ 41.74%
G 123 of 551 ~ 22.32%
B 198 of 551 ~ 35.93%

%41.74
%22.32
%35.93

CMYK color model

#E67BC6 color CMYK value is (0,47,14,10).

  • cyan value is 0.00%
  • magenta value is 46.52%
  • yellow value is 13.91%
  • key color value is 9.80%
CMYK: (0,47,14,10) C0M47Y14K10 (0%,47%,14%,10%) (0.00/0.47/0.14/0.10)

CMYK percentages

%0
%46.52
%13.91
%9.8

Codes

Color #E67BC6 in popluar color models

E67BC6
RGB230123198
HSL318°68.15%69.22%
HSB/HSV318°46.52%90.20%
CMYK0.00%46.52%13.91%
9.80%

Color #E67BC6 in popluar number systems.

HEXE67BC6
Decimal230123198
Binary11100110111101111000110
Octal346173306

Shades and tints

Shades of #E67BC6

#E67BC6
(230,123,198)
#D270B4
(210,112,180)
#BE65A2
(190,101,162)
#AA5A90
(170,90,144)
#964F7E
(150,79,126)
#82446C
(130,68,108)
#6E395A
(110,57,90)
#5A2E48
(90,46,72)
#462336
(70,35,54)
#321824
(50,24,36)
#1E0D12
(30,13,18)
#000000
(0,0,0)

Tints of #E67BC6

#E67BC6
(230,123,198)
#E887CB
(232,135,203)
#EA93D0
(234,147,208)
#EC9FD5
(236,159,213)
#EEABDA
(238,171,218)
#F0B7DF
(240,183,223)
#F2C3E4
(242,195,228)
#F4CFE9
(244,207,233)
#F6DBEE
(246,219,238)
#F8E7F3
(248,231,243)
#FAF3F8
(250,243,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E67BC6 color. Also use rgb(230,123,198) instead hex code.

Text Font Color

.myTextColor { color: #E67BC6; }

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

This text font color is #E67BC6.


Background Color

.myBgColor { background-color: #E67BC6; }

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

This div background color is #E67BC6.


Border color

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

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

This div border color is #E67BC6.


Opacity

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

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

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

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

This text has shadow with #E67BC6 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #E67BC6 on black background.


Color preview on white background

This text has color #E67BC6 on white background.



Black color preview on #E67BC6 background

This text has black color on #E67BC6 background.


White color preview on #E67BC6 background

This text has white color on #E67BC6 background.