#bd931f hex color

In a RGB color space, hex #bd931f is composed of 74.1% red, 57.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 83.6% yellow and 25.9% black. It has a hue angle of 44.1 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd931f color hex could be obtained by blending #ffff3e with #7b2700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 74
- G 58
- B 12
RGB color chart
- C 0
- M 22
- Y 84
- K 26
CMYK color chart

● #bd931f color description : Strong orange.

The hexadecimal color #bd931f has RGB values of R:189, G:147, B:31 and CMYK values of C:0, M:0.22, Y:0.84, K:0.26. Its decimal value is 12423967.

Hex triplet	bd931f	`#bd931f`
RGB Decimal	189, 147, 31	`rgb(189,147,31)`
RGB Percent	74.1, 57.6, 12.2	`rgb(74.1%,57.6%,12.2%)`
CMYK	0, 22, 84, 26
HSL	44.1°, 71.8, 43.1	`hsl(44.1,71.8%,43.1%)`
HSV (or HSB)	44.1°, 83.6, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.166, 5.394, 61.398
XYZ	31.668, 31.787, 5.764
xyY	0.458, 0.459, 31.787
CIE-LCH	63.166, 61.635, 84.979
CIE-LUV	63.166, 35.384, 62.237
Hunter-Lab	56.38, 1.597, 33.405
Binary	10111101, 10010011, 00011111

#bd931f
```
#bd931f rgb(189,147,31)
```
#1f49bd
```
#1f49bd rgb(31,73,189)
```

Complementary Color

#bd441f
```
#bd441f rgb(189,68,31)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#98bd1f
```
#98bd1f rgb(152,189,31)
```

Analogous Color

#441fbd
```
#441fbd rgb(68,31,189)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#1f98bd
```
#1f98bd rgb(31,152,189)
```

Split Complementary Color

#931fbd
```
#931fbd rgb(147,31,189)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#1fbd93
```
#1fbd93 rgb(31,189,147)
```

Triadic Color

#bd1f49
```
#bd1f49 rgb(189,31,73)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#1fbd93
```
#1fbd93 rgb(31,189,147)
```
#1f49bd
```
#1f49bd rgb(31,73,189)
```

Tetradic Color

#7b6014
```
#7b6014 rgb(123,96,20)
```
#917118
```
#917118 rgb(145,113,24)
```
#a7821b
```
#a7821b rgb(167,130,27)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#d3a423
```
#d3a423 rgb(211,164,35)
```
#ddb032
```
#ddb032 rgb(221,176,50)
```
#e1b848
```
#e1b848 rgb(225,184,72)
```

Monochromatic Color

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

#bd6c1f
```
#bd6c1f rgb(189,108,31)
```
#bd791f
```
#bd791f rgb(189,121,31)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#bda01f
```
#bda01f rgb(189,160,31)
```
#bdad1f
```
#bdad1f rgb(189,173,31)
```
#bdbb1f
```
#bdbb1f rgb(189,187,31)
```

Similar Colors

Text with hexadecimal color #bd931f

This text has a font color of #bd931f.

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

#bd931f background color

This paragraph has a background color of #bd931f.

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

#bd931f border color

This element has a border color of #bd931f.

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

CSS codes

.text {color:#bd931f;}

.background {background-color:#bd931f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141003
```
#141003 rgb(20,16,3)
```
#251d06
```
#251d06 rgb(37,29,6)
```
#362a09
```
#362a09 rgb(54,42,9)
```
#47370c
```
#47370c rgb(71,55,12)
```
#58440e
```
#58440e rgb(88,68,14)
```
#695111
```
#695111 rgb(105,81,17)
```
#7a5f14
```
#7a5f14 rgb(122,95,20)
```
#8a6c17
```
#8a6c17 rgb(138,108,23)
```
#9b7919
```
#9b7919 rgb(155,121,25)
```
#ac861c
```
#ac861c rgb(172,134,28)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#cea022
```
#cea022 rgb(206,160,34)
```

Shade Color Variation

#dcac28
```
#dcac28 rgb(220,172,40)
```
#deb238
```
#deb238 rgb(222,178,56)
```
#e1b949
```
#e1b949 rgb(225,185,73)
```
#e4bf5a
```
#e4bf5a rgb(228,191,90)
```
#e7c66b
```
#e7c66b rgb(231,198,107)
```
#e9cc7c
```
#e9cc7c rgb(233,204,124)
```
#ecd38d
```
#ecd38d rgb(236,211,141)
```
#efd99e
```
#efd99e rgb(239,217,158)
```
#f2e0ae
```
#f2e0ae rgb(242,224,174)
```
#f5e6bf
```
#f5e6bf rgb(245,230,191)
```
#f7edd0
```
#f7edd0 rgb(247,237,208)
```
#faf3e1
```
#faf3e1 rgb(250,243,225)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#716f6b
```
#716f6b rgb(113,111,107)
```
#797363
```
#797363 rgb(121,115,99)
```
#82775a
```
#82775a rgb(130,119,90)
```
#8a7b52
```
#8a7b52 rgb(138,123,82)
```
#937f49
```
#937f49 rgb(147,127,73)
```
#9b8341
```
#9b8341 rgb(155,131,65)
```
#a48738
```
#a48738 rgb(164,135,56)
```
#ac8b30
```
#ac8b30 rgb(172,139,48)
```
#b58f27
```
#b58f27 rgb(181,143,39)
```
#bd931f
```
#bd931f rgb(189,147,31)
```
#c59717
```
#c59717 rgb(197,151,23)
```
#ce9b0e
```
#ce9b0e rgb(206,155,14)
```
#d69f06
```
#d69f06 rgb(214,159,6)
```

Tone Color Variation

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

Dichromacy

#b09e2c Protanopia 1% of men
#c5962b Deuteranopia 1% of men
#c78e98 Tritanopia 0.001% of the population

Trichromacy

#b59a27 Protanomaly 1% of men, 0.01% of women
#c29527 Deuteranomaly 6% of men, 0.4% of women
#c3906c Tritanomaly 0.01% of the population

#bd931f hex color

#bd931f Color Information

#bd931f Color Conversion

Color Schemes with #bd931f

Alternatives to #bd931f

#bd931f Preview

Shades and Tints of #bd931f

Tones of #bd931f

Color Blindness Simulator