COLOR #BEA750

HEX: #BEA750 RGB: (190,167,80)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#BEA750 contains mainly red and green colors. Web safe color of #BEA750 is #CC9966 (or #C96).

RGB color model

#BEA750 color RGB value is (190,167,80).

red value is 190;
green value is 167;
blue value is 80.

RGB: (190,167,80) (75%, 65%, 31%)

RGB channels and saturation

R 190 of 255 = 75%
G 167 of 255 = 65%
B 80 of 255 = 31%

190

167

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

Portions of RGB colors in percentages

R + G + B = 190 + 167 + 80 = 437 (100%)
R 190 of 437 ~ 43.48%
G 167 of 437 ~ 38.22%
B 80 of 437 ~ 18.31'%

%43.48

%38.22

%18.31

CMYK color model

#BEA750 color CMYK value is (0,12,58,25).

cyan value is 0.00%
magenta value is 12.11%
yellow value is 57.89%
key color value is 25.49%

CMYK: (0,12,58,25) C0M12Y58K25 (0%,12%,58%,25%) (0.00/0.12/0.58/0.25)

CMYK percentages

%12.11

%57.89

%25.49

Codes

Color #BEA750 in popluar color models

	BE	A7	50
RGB	190	167	80
HSL	47°	45.83%	52.94%
HSB/HSV	47°	57.89%	74.51%
CMYK	0.00%	12.11%	57.89%
CMYK	25.49%

Color #BEA750 in popluar number systems.

HEX	BE	A7	50
Decimal	190	167	80
Binary	10111110	10100111	1010000
Octal	276	247	120

Shades and tints

Shades of #BEA750

#BEA750
(190,167,80)

#AD9849
(173,152,73)

#9C8942
(156,137,66)

#8B7A3B
(139,122,59)

#7A6B34
(122,107,52)

#695C2D
(105,92,45)

#584D26
(88,77,38)

#473E1F
(71,62,31)

#362F18
(54,47,24)

#252011
(37,32,17)

#14110A
(20,17,10)

#000000
(0,0,0)

Tints of #BEA750

#BEA750
(190,167,80)

#C3AF5F
(195,175,95)

#C8B76E
(200,183,110)

#CDBF7D
(205,191,125)

#D2C78C
(210,199,140)

#D7CF9B
(215,207,155)

#DCD7AA
(220,215,170)

#E1DFB9
(225,223,185)

#E6E7C8
(230,231,200)

#EBEFD7
(235,239,215)

#F0F7E6
(240,247,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BEA750 color. Also use rgb(190,167,80) instead hex code.

Text Font Color

.myTextColor { color: #BEA750; }

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

This text font color is #BEA750.

Background Color

.myBgColor { background-color: #BEA750; }

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

This div background color is #BEA750.

Border color

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

This div border color is #BEA750.

Opacity

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

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

This text has shadow with #BEA750 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BEA750.