COLOR #E18C55

HEX: #E18C55
RGB: (225,140,85)

Renk bilgisi

#E18C55 contains mainly red color. #E18C55 ‘ nin web güvenlik rengi #CC9966 (ya da #C96) dir.

RGB renk modeli

#E18C55 color RGB value is (225,140,85).

  • kırmız ton 225;
  • yeşil ton 140;
  • mavi ton 85.
RGB:
(225,140,85)
(88%,55%,33%)

RGB bağlantıları ve doygunluk

R 225 of 255 = 88%
G 140 of 255 = 55%
B 85 of 255 = 33%

225
140
85

R + G + B ~ 59%. #E18C55 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
225 + 140 + 85 = 450 (100%)
R 225 of 450 ~ 50%
G 140 of 450 ~ 31.11%
B 85 of 450 ~ 18.89%

%50
%31.11
%18.89

CMYK RENK MODELİ

#E18C55 rengi CMYK tonu (0,38,62,12).

  • camgöbeği tonu 0.00%
  • eflatun tonu 37.78%
  • sarı tonu 62.22%
  • ana renk tonu 11.76%
CMYK:
(0,38,62,12)
C0M38Y62K12 
(0%,38%,62%,12%)
(0.00/0.38/0.62/0.12)	

CMYK yüzdeleri

%0
%37.78
%62.22
%11.76

Codes

Color #E18C55 in popluar color models

E18C55
RGB22514085
HSL24°70.00%60.78%
HSB/HSV24°62.22%88.24%
CMYK0.00%37.78%62.22%
11.76%

Color #E18C55 in popluar number systems.

HEXE18C55
Decimal22514085
Binary11100001100011001010101
Octal341214125

Shades and tints

Shades of #E18C55

#E18C55
(225,140,85)
#CD804E
(205,128,78)
#B97447
(185,116,71)
#A56840
(165,104,64)
#915C39
(145,92,57)
#7D5032
(125,80,50)
#69442B
(105,68,43)
#553824
(85,56,36)
#412C1D
(65,44,29)
#2D2016
(45,32,22)
#19140F
(25,20,15)
#000000
(0,0,0)

Tints of #E18C55

#E18C55
(225,140,85)
#E39664
(227,150,100)
#E5A073
(229,160,115)
#E7AA82
(231,170,130)
#E9B491
(233,180,145)
#EBBEA0
(235,190,160)
#EDC8AF
(237,200,175)
#EFD2BE
(239,210,190)
#F1DCCD
(241,220,205)
#F3E6DC
(243,230,220)
#F5F0EB
(245,240,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E18C55 color. Also use rgb(225,140,85) instead hex code.

Text Font Color

.myTextColor { color: #E18C55; }

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

This text font color is #E18C55.


Background Color

.myBgColor { background-color: #E18C55; }

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

This div background color is #E18C55.


Border color

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

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

This div border color is #E18C55.


Opacity

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

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

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

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

This text has shadow with #E18C55 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #E18C55 on black background.


Color preview on white background

This text has color #E18C55 on white background.



Black color preview on #E18C55 background

This text has black color on #E18C55 background.


White color preview on #E18C55 background

This text has white color on #E18C55 background.