COLOR #B69F5B

HEX: #B69F5B
RGB: (182,159,91)

Color info

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

RGB color model

#B69F5B color RGB value is (182,159,91).

  • red value is 182;
  • green value is 159;
  • blue value is 91.
RGB:
(182,159,91)
(71%,62%,36%)

RGB channels and saturation

R 182 of 255 = 71%
G 159 of 255 = 62%
B 91 of 255 = 36%

182
159
91

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

Portions of RGB colors in percentages

R + G + B =
182 + 159 + 91 = 432 (100%)
R 182 of 432 ~ 42.13%
G 159 of 432 ~ 36.81%
B 91 of 432 ~ 21.06%

%42.13
%36.81
%21.06

CMYK color model

#B69F5B color CMYK value is (0,13,50,29).

  • cyan value is 0.00%
  • magenta value is 12.64%
  • yellow value is 50.00%
  • key color value is 28.63%
CMYK:
(0,13,50,29)
C0M13Y50K29 
(0%,13%,50%,29%)
(0.00/0.13/0.50/0.29)	

CMYK percentages

%0
%12.64
%50
%28.63

Codes

Color #B69F5B in popluar color models

B69F5B
RGB18215991
HSL45°38.40%53.53%
HSB/HSV45°50.00%71.37%
CMYK0.00%12.64%50.00%
28.63%

Color #B69F5B in popluar number systems.

HEXB69F5B
Decimal18215991
Binary10110110100111111011011
Octal266237133

Shades and tints

Shades of #B69F5B

#B69F5B
(182,159,91)
#A69153
(166,145,83)
#96834B
(150,131,75)
#867543
(134,117,67)
#76673B
(118,103,59)
#665933
(102,89,51)
#564B2B
(86,75,43)
#463D23
(70,61,35)
#362F1B
(54,47,27)
#262113
(38,33,19)
#16130B
(22,19,11)
#000000
(0,0,0)

Tints of #B69F5B

#B69F5B
(182,159,91)
#BCA769
(188,167,105)
#C2AF77
(194,175,119)
#C8B785
(200,183,133)
#CEBF93
(206,191,147)
#D4C7A1
(212,199,161)
#DACFAF
(218,207,175)
#E0D7BD
(224,215,189)
#E6DFCB
(230,223,203)
#ECE7D9
(236,231,217)
#F2EFE7
(242,239,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B69F5B color. Also use rgb(182,159,91) instead hex code.

Text Font Color

.myTextColor { color: #B69F5B; }

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

This text font color is #B69F5B.


Background Color

.myBgColor { background-color: #B69F5B; }

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

This div background color is #B69F5B.


Border color

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

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

This div border color is #B69F5B.


Opacity

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

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

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

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

This text has shadow with #B69F5B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B69F5B on black background.


Color preview on white background

This text has color #B69F5B on white background.



Black color preview on #B69F5B background

This text has black color on #B69F5B background.


White color preview on #B69F5B background

This text has white color on #B69F5B background.