#bd8e36 hex color

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

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

● #bd8e36 color description : Moderate orange.

The hexadecimal color #bd8e36 has RGB values of R:189, G:142, B:54 and CMYK values of C:0, M:0.25, Y:0.71, K:0.26. Its decimal value is 12422710.

Hex triplet	bd8e36	`#bd8e36`
RGB Decimal	189, 142, 54	`rgb(189,142,54)`
RGB Percent	74.1, 55.7, 21.2	`rgb(74.1%,55.7%,21.2%)`
CMYK	0, 25, 71, 26
HSL	39.1°, 55.6, 47.6	`hsl(39.1,55.6%,47.6%)`
HSV (or HSB)	39.1°, 71.4, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.026, 9.056, 51.77
XYZ	31.326, 30.433, 7.714
xyY	0.451, 0.438, 30.433
CIE-LCH	62.026, 52.557, 80.078
CIE-LUV	62.026, 38.212, 54.592
Hunter-Lab	55.166, 4.82, 30.325
Binary	10111101, 10001110, 00110110

#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#3665bd
```
#3665bd rgb(54,101,189)
```

Complementary Color

#bd4b36
```
#bd4b36 rgb(189,75,54)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#a9bd36
```
#a9bd36 rgb(169,189,54)
```

Analogous Color

#4b36bd
```
#4b36bd rgb(75,54,189)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#36a9bd
```
#36a9bd rgb(54,169,189)
```

Split Complementary Color

#8e36bd
```
#8e36bd rgb(142,54,189)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#36bd8e
```
#36bd8e rgb(54,189,142)
```

Triadic Color

#bd3665
```
#bd3665 rgb(189,54,101)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#36bd8e
```
#36bd8e rgb(54,189,142)
```
#3665bd
```
#3665bd rgb(54,101,189)
```

Tetradic Color

#826125
```
#826125 rgb(130,97,37)
```
#95702b
```
#95702b rgb(149,112,43)
```
#a97f30
```
#a97f30 rgb(169,127,48)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#c99b43
```
#c99b43 rgb(201,155,67)
```
#cfa557
```
#cfa557 rgb(207,165,87)
```
#d5b06b
```
#d5b06b rgb(213,176,107)
```

Monochromatic Color

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

#bd6c36
```
#bd6c36 rgb(189,108,54)
```
#bd7836
```
#bd7836 rgb(189,120,54)
```
#bd8336
```
#bd8336 rgb(189,131,54)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#bd9936
```
#bd9936 rgb(189,153,54)
```
#bda536
```
#bda536 rgb(189,165,54)
```
#bdb036
```
#bdb036 rgb(189,176,54)
```

Similar Colors

Text with hexadecimal color #bd8e36

This text has a font color of #bd8e36.

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

#bd8e36 background color

This paragraph has a background color of #bd8e36.

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

#bd8e36 border color

This element has a border color of #bd8e36.

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

CSS codes

.text {color:#bd8e36;}

.background {background-color:#bd8e36;}

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

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 #fcfaf6 is the lightest one.

#060402
```
#060402 rgb(6,4,2)
```
#151006
```
#151006 rgb(21,16,6)
```
#241b0a
```
#241b0a rgb(36,27,10)
```
#34270f
```
#34270f rgb(52,39,15)
```
#433213
```
#433213 rgb(67,50,19)
```
#523e17
```
#523e17 rgb(82,62,23)
```
#61491c
```
#61491c rgb(97,73,28)
```
#715520
```
#715520 rgb(113,85,32)
```
#806025
```
#806025 rgb(128,96,37)
```
#8f6c29
```
#8f6c29 rgb(143,108,41)
```
#9e772d
```
#9e772d rgb(158,119,45)
```
#ae8332
```
#ae8332 rgb(174,131,50)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```

Shade Color Variation

#c8983f
```
#c8983f rgb(200,152,63)
```
#cca04e
```
#cca04e rgb(204,160,78)
```
#d1a85d
```
#d1a85d rgb(209,168,93)
```
#d5b16c
```
#d5b16c rgb(213,177,108)
```
#d9b97c
```
#d9b97c rgb(217,185,124)
```
#dec18b
```
#dec18b rgb(222,193,139)
```
#e2c99a
```
#e2c99a rgb(226,201,154)
```
#e7d1a9
```
#e7d1a9 rgb(231,209,169)
```
#ebd9b9
```
#ebd9b9 rgb(235,217,185)
```
#efe2c8
```
#efe2c8 rgb(239,226,200)
```
#f4ead7
```
#f4ead7 rgb(244,234,215)
```
#f8f2e6
```
#f8f2e6 rgb(248,242,230)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,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 #ec9c07 is the most saturated one.

#7c7a77
```
#7c7a77 rgb(124,122,119)
```
#857d6e
```
#857d6e rgb(133,125,110)
```
#8e8065
```
#8e8065 rgb(142,128,101)
```
#98835b
```
#98835b rgb(152,131,91)
```
#a18552
```
#a18552 rgb(161,133,82)
```
#aa8849
```
#aa8849 rgb(170,136,73)
```
#b48b3f
```
#b48b3f rgb(180,139,63)
```
#bd8e36
```
#bd8e36 rgb(189,142,54)
```
#c6912d
```
#c6912d rgb(198,145,45)
```
#d09423
```
#d09423 rgb(208,148,35)
```
#d9971a
```
#d9971a rgb(217,151,26)
```
#e29911
```
#e29911 rgb(226,153,17)
```
#ec9c07
```
#ec9c07 rgb(236,156,7)
```

Tone Color Variation

Below, you can see how #bd8e36 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

#929292 Achromatopsia 0.005% of the population
#9b9180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9b42 Protanopia 1% of men
#bf9440 Deuteranopia 1% of men
#c68b94 Tritanopia 0.001% of the population

Trichromacy

#b2963e Protanomaly 1% of men, 0.01% of women
#be913c Deuteranomaly 6% of men, 0.4% of women
#c38c72 Tritanomaly 0.01% of the population

#bd8e36 hex color

#bd8e36 Color Information

#bd8e36 Color Conversion

Color Schemes with #bd8e36

Alternatives to #bd8e36

#bd8e36 Preview

Shades and Tints of #bd8e36

Tones of #bd8e36

Color Blindness Simulator