COLOR #BEA886

HEX: #BEA886
RGB: (190,168,134)

Renk bilgisi

#BEA886 contains red, green and blue colors in about the same proportion. #BEA886 ‘ nin web güvenlik rengi #CC9999 (ya da #C99) dir.

RGB renk modeli

#BEA886 color RGB value is (190,168,134).

  • kırmız ton 190;
  • yeşil ton 168;
  • mavi ton 134.
RGB:
(190,168,134)
(75%,66%,53%)

RGB bağlantıları ve doygunluk

R 190 of 255 = 75%
G 168 of 255 = 66%
B 134 of 255 = 53%

190
168
134

R + G + B ~ 65%. #BEA886 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
190 + 168 + 134 = 492 (100%)
R 190 of 492 ~ 38.62%
G 168 of 492 ~ 34.15%
B 134 of 492 ~ 27.24%

%38.62
%34.15
%27.24

CMYK RENK MODELİ

#BEA886 rengi CMYK tonu (0,12,29,25).

  • camgöbeği tonu 0.00%
  • eflatun tonu 11.58%
  • sarı tonu 29.47%
  • ana renk tonu 25.49%
CMYK:
(0,12,29,25)
C0M12Y29K25 
(0%,12%,29%,25%)
(0.00/0.12/0.29/0.25)	

CMYK yüzdeleri

%0
%11.58
%29.47
%25.49

Codes

Color #BEA886 in popluar color models

BEA886
RGB190168134
HSL36°30.11%63.53%
HSB/HSV36°29.47%74.51%
CMYK0.00%11.58%29.47%
25.49%

Color #BEA886 in popluar number systems.

HEXBEA886
Decimal190168134
Binary101111101010100010000110
Octal276250206

Shades and tints

Shades of #BEA886

#BEA886
(190,168,134)
#AD997A
(173,153,122)
#9C8A6E
(156,138,110)
#8B7B62
(139,123,98)
#7A6C56
(122,108,86)
#695D4A
(105,93,74)
#584E3E
(88,78,62)
#473F32
(71,63,50)
#363026
(54,48,38)
#25211A
(37,33,26)
#14120E
(20,18,14)
#000000
(0,0,0)

Tints of #BEA886

#BEA886
(190,168,134)
#C3AF91
(195,175,145)
#C8B69C
(200,182,156)
#CDBDA7
(205,189,167)
#D2C4B2
(210,196,178)
#D7CBBD
(215,203,189)
#DCD2C8
(220,210,200)
#E1D9D3
(225,217,211)
#E6E0DE
(230,224,222)
#EBE7E9
(235,231,233)
#F0EEF4
(240,238,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BEA886 color. Also use rgb(190,168,134) instead hex code.

Text Font Color

.myTextColor { color: #BEA886; }

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

This text font color is #BEA886.


Background Color

.myBgColor { background-color: #BEA886; }

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

This div background color is #BEA886.


Border color

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

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

This div border color is #BEA886.


Opacity

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

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

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

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

This text has shadow with #BEA886 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BEA886 on black background.


Color preview on white background

This text has color #BEA886 on white background.



Black color preview on #BEA886 background

This text has black color on #BEA886 background.


White color preview on #BEA886 background

This text has white color on #BEA886 background.