#bd8f31 hex color

In a RGB color space, hex #bd8f31 is composed of 74.1% red, 56.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 74.1% yellow and 25.9% black. It has a hue angle of 40.3 degrees, a saturation of 58.8% and a lightness of 46.7%. #bd8f31 color hex could be obtained by blending #ffff62 with #7b1f00. Closest websafe color is: #cc9933.

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

● #bd8f31 color description : Moderate orange.

The hexadecimal color #bd8f31 has RGB values of R:189, G:143, B:49 and CMYK values of C:0, M:0.24, Y:0.74, K:0.26. Its decimal value is 12422961.

Hex triplet	bd8f31	`#bd8f31`
RGB Decimal	189, 143, 49	`rgb(189,143,49)`
RGB Percent	74.1, 56.1, 19.2	`rgb(74.1%,56.1%,19.2%)`
CMYK	0, 24, 74, 26
HSL	40.3°, 58.8, 46.7	`hsl(40.3,58.8%,46.7%)`
HSV (or HSB)	40.3°, 74.1, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.243, 8.262, 54.111
XYZ	31.364, 30.687, 7.177
xyY	0.453, 0.443, 30.687
CIE-LCH	62.243, 54.739, 81.319
CIE-LUV	62.243, 37.719, 56.498
Hunter-Lab	55.396, 4.119, 31.096
Binary	10111101, 10001111, 00110001

#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#315fbd
```
#315fbd rgb(49,95,189)
```

Complementary Color

#bd4931
```
#bd4931 rgb(189,73,49)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#a5bd31
```
#a5bd31 rgb(165,189,49)
```

Analogous Color

#4931bd
```
#4931bd rgb(73,49,189)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#31a5bd
```
#31a5bd rgb(49,165,189)
```

Split Complementary Color

#8f31bd
```
#8f31bd rgb(143,49,189)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#31bd8f
```
#31bd8f rgb(49,189,143)
```

Triadic Color

#bd315f
```
#bd315f rgb(189,49,95)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#31bd8f
```
#31bd8f rgb(49,189,143)
```
#315fbd
```
#315fbd rgb(49,95,189)
```

Tetradic Color

#806121
```
#806121 rgb(128,97,33)
```
#957027
```
#957027 rgb(149,112,39)
```
#a9802c
```
#a9802c rgb(169,128,44)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#cc9d3b
```
#cc9d3b rgb(204,157,59)
```
#d2a750
```
#d2a750 rgb(210,167,80)
```
#d7b164
```
#d7b164 rgb(215,177,100)
```

Monochromatic Color

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

#bd6c31
```
#bd6c31 rgb(189,108,49)
```
#bd7831
```
#bd7831 rgb(189,120,49)
```
#bd8331
```
#bd8331 rgb(189,131,49)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#bd9b31
```
#bd9b31 rgb(189,155,49)
```
#bda631
```
#bda631 rgb(189,166,49)
```
#bdb231
```
#bdb231 rgb(189,178,49)
```

Similar Colors

Text with hexadecimal color #bd8f31

This text has a font color of #bd8f31.

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

#bd8f31 background color

This paragraph has a background color of #bd8f31.

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

#bd8f31 border color

This element has a border color of #bd8f31.

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

CSS codes

.text {color:#bd8f31;}

.background {background-color:#bd8f31;}

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

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, #020201 is the darkest color, while #fcf8f2 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#211909
```
#211909 rgb(33,25,9)
```
#31250d
```
#31250d rgb(49,37,13)
```
#403111
```
#403111 rgb(64,49,17)
```
#503d15
```
#503d15 rgb(80,61,21)
```
#604819
```
#604819 rgb(96,72,25)
```
#6f541d
```
#6f541d rgb(111,84,29)
```
#7f6021
```
#7f6021 rgb(127,96,33)
```
#8e6c25
```
#8e6c25 rgb(142,108,37)
```
#9e7729
```
#9e7729 rgb(158,119,41)
```
#ad832d
```
#ad832d rgb(173,131,45)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```

Shade Color Variation

#cb9a37
```
#cb9a37 rgb(203,154,55)
```
#cfa246
```
#cfa246 rgb(207,162,70)
```
#d3aa56
```
#d3aa56 rgb(211,170,86)
```
#d7b265
```
#d7b265 rgb(215,178,101)
```
#dbba75
```
#dbba75 rgb(219,186,117)
```
#dfc184
```
#dfc184 rgb(223,193,132)
```
#e3c994
```
#e3c994 rgb(227,201,148)
```
#e7d1a4
```
#e7d1a4 rgb(231,209,164)
```
#ebd9b3
```
#ebd9b3 rgb(235,217,179)
```
#efe1c3
```
#efe1c3 rgb(239,225,195)
```
#f3e9d2
```
#f3e9d2 rgb(243,233,210)
```
#f7f0e2
```
#f7f0e2 rgb(247,240,226)
```
#fcf8f2
```
#fcf8f2 rgb(252,248,242)
```

Tint Color Variation

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

#7d7971
```
#7d7971 rgb(125,121,113)
```
#867c68
```
#867c68 rgb(134,124,104)
```
#8f7f5f
```
#8f7f5f rgb(143,127,95)
```
#988256
```
#988256 rgb(152,130,86)
```
#a2864c
```
#a2864c rgb(162,134,76)
```
#ab8943
```
#ab8943 rgb(171,137,67)
```
#b48c3a
```
#b48c3a rgb(180,140,58)
```
#bd8f31
```
#bd8f31 rgb(189,143,49)
```
#c69228
```
#c69228 rgb(198,146,40)
```
#cf951f
```
#cf951f rgb(207,149,31)
```
#d89816
```
#d89816 rgb(216,152,22)
```
#e29c0c
```
#e29c0c rgb(226,156,12)
```
#eb9f03
```
#eb9f03 rgb(235,159,3)
```

Tone Color Variation

Below, you can see how #bd8f31 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
#9b917f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9c3d Protanopia 1% of men
#c0943b Deuteranopia 1% of men
#c78b95 Tritanopia 0.001% of the population

Trichromacy

#b39739 Protanomaly 1% of men, 0.01% of women
#bf9237 Deuteranomaly 6% of men, 0.4% of women
#c38d70 Tritanomaly 0.01% of the population

#bd8f31 hex color

#bd8f31 Color Information

#bd8f31 Color Conversion

Color Schemes with #bd8f31

Alternatives to #bd8f31

#bd8f31 Preview

Shades and Tints of #bd8f31

Tones of #bd8f31

Color Blindness Simulator