#bd8336 hex color

In a RGB color space, hex #bd8336 is composed of 74.1% red, 51.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 34.2 degrees, a saturation of 55.6% and a lightness of 47.6%. #bd8336 color hex could be obtained by blending #ffff6c with #7b0700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 51
- B 21
RGB color chart
- C 0
- M 31
- Y 71
- K 26
CMYK color chart

● #bd8336 color description : Moderate orange.

The hexadecimal color #bd8336 has RGB values of R:189, G:131, B:54 and CMYK values of C:0, M:0.31, Y:0.71, K:0.26. Its decimal value is 12419894.

Hex triplet	bd8336	`#bd8336`
RGB Decimal	189, 131, 54	`rgb(189,131,54)`
RGB Percent	74.1, 51.4, 21.2	`rgb(74.1%,51.4%,21.2%)`
CMYK	0, 31, 71, 26
HSL	34.2°, 55.6, 47.6	`hsl(34.2,55.6%,47.6%)`
HSV (or HSB)	34.2°, 71.4, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.269, 15.121, 48.916
XYZ	29.769, 27.32, 7.195
xyY	0.463, 0.425, 27.32
CIE-LCH	59.269, 51.2, 72.822
CIE-LUV	59.269, 46.52, 49.964
Hunter-Lab	52.268, 10.194, 28.426
Binary	10111101, 10000011, 00110110

#bd8336
```
#bd8336 rgb(189,131,54)
```
#3670bd
```
#3670bd rgb(54,112,189)
```

Complementary Color

#bd4036
```
#bd4036 rgb(189,64,54)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#b4bd36
```
#b4bd36 rgb(180,189,54)
```

Analogous Color

#4036bd
```
#4036bd rgb(64,54,189)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#36b4bd
```
#36b4bd rgb(54,180,189)
```

Split Complementary Color

#8336bd
```
#8336bd rgb(131,54,189)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#36bd83
```
#36bd83 rgb(54,189,131)
```

Triadic Color

#bd3670
```
#bd3670 rgb(189,54,112)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#36bd83
```
#36bd83 rgb(54,189,131)
```
#3670bd
```
#3670bd rgb(54,112,189)
```

Tetradic Color

#825a25
```
#825a25 rgb(130,90,37)
```
#95682b
```
#95682b rgb(149,104,43)
```
#a97530
```
#a97530 rgb(169,117,48)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#c99043
```
#c99043 rgb(201,144,67)
```
#cf9b57
```
#cf9b57 rgb(207,155,87)
```
#d5a76b
```
#d5a76b rgb(213,167,107)
```

Monochromatic Color

Below, you can see some colors close to #bd8336. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bd6136
```
#bd6136 rgb(189,97,54)
```
#bd6d36
```
#bd6d36 rgb(189,109,54)
```
#bd7836
```
#bd7836 rgb(189,120,54)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#bd9a36
```
#bd9a36 rgb(189,154,54)
```
#bda536
```
#bda536 rgb(189,165,54)
```

Similar Colors

Text with hexadecimal color #bd8336

This text has a font color of #bd8336.

<span style="color:#bd8336;">Text here</span>

#bd8336 background color

This paragraph has a background color of #bd8336.

<p style="background-color:#bd8336;">Content here</p>

#bd8336 border color

This element has a border color of #bd8336.

<div style="border:1px solid #bd8336;">Content here</div>

CSS codes

.text {color:#bd8336;}

.background {background-color:#bd8336;}

.border {border:1px solid #bd8336;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #060402 is the darkest color, while #fcf9f6 is the lightest one.

#060402
```
#060402 rgb(6,4,2)
```
#150f06
```
#150f06 rgb(21,15,6)
```
#24190a
```
#24190a rgb(36,25,10)
```
#34240f
```
#34240f rgb(52,36,15)
```
#432e13
```
#432e13 rgb(67,46,19)
```
#523917
```
#523917 rgb(82,57,23)
```
#61441c
```
#61441c rgb(97,68,28)
```
#714e20
```
#714e20 rgb(113,78,32)
```
#805925
```
#805925 rgb(128,89,37)
```
#8f6329
```
#8f6329 rgb(143,99,41)
```
#9e6e2d
```
#9e6e2d rgb(158,110,45)
```
#ae7832
```
#ae7832 rgb(174,120,50)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```

Shade Color Variation

#c88d3f
```
#c88d3f rgb(200,141,63)
```
#cc964e
```
#cc964e rgb(204,150,78)
```
#d19f5d
```
#d19f5d rgb(209,159,93)
```
#d5a86c
```
#d5a86c rgb(213,168,108)
```
#d9b17c
```
#d9b17c rgb(217,177,124)
```
#deba8b
```
#deba8b rgb(222,186,139)
```
#e2c39a
```
#e2c39a rgb(226,195,154)
```
#e7cca9
```
#e7cca9 rgb(231,204,169)
```
#ebd5b9
```
#ebd5b9 rgb(235,213,185)
```
#efdec8
```
#efdec8 rgb(239,222,200)
```
#f4e7d7
```
#f4e7d7 rgb(244,231,215)
```
#f8f0e6
```
#f8f0e6 rgb(248,240,230)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7a77 is the less saturated color, while #ec8a07 is the most saturated one.

#7c7a77
```
#7c7a77 rgb(124,122,119)
```
#857b6e
```
#857b6e rgb(133,123,110)
```
#8e7c65
```
#8e7c65 rgb(142,124,101)
```
#987e5b
```
#987e5b rgb(152,126,91)
```
#a17f52
```
#a17f52 rgb(161,127,82)
```
#aa8049
```
#aa8049 rgb(170,128,73)
```
#b4823f
```
#b4823f rgb(180,130,63)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#c6842d
```
#c6842d rgb(198,132,45)
```
#d08623
```
#d08623 rgb(208,134,35)
```
#d9871a
```
#d9871a rgb(217,135,26)
```
#e28811
```
#e28811 rgb(226,136,17)
```
#ec8a07
```
#ec8a07 rgb(236,138,7)
```

Tone Color Variation

Below, you can see how #bd8336 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8c8c8c Achromatopsia 0.005% of the population
#968a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49443 Protanopia 1% of men
#b78d3e Deuteranopia 1% of men
#c5818a Tritanopia 0.001% of the population

Trichromacy

#ad8e3e Protanomaly 1% of men, 0.01% of women
#b9893b Deuteranomaly 6% of men, 0.4% of women
#c2826b Tritanomaly 0.01% of the population

#bd8336 hex color

#bd8336 Color Information

#bd8336 Color Conversion

Color Schemes with #bd8336

Alternatives to #bd8336

#bd8336 Preview

Shades and Tints of #bd8336

Tones of #bd8336

Color Blindness Simulator