#bd941f hex color

In a RGB color space, hex #bd941f is composed of 74.1% red, 58% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 83.6% yellow and 25.9% black. It has a hue angle of 44.4 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd941f color hex could be obtained by blending #ffff3e with #7b2900. 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

● #bd941f color description : Strong orange.

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

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

CIE-LAB	63.425, 4.849, 61.618
XYZ	31.824, 32.099, 5.816
xyY	0.456, 0.46, 32.099
CIE-LCH	63.425, 61.809, 85.501
CIE-LUV	63.425, 34.628, 62.634
Hunter-Lab	56.656, 1.116, 33.573
Binary	10111101, 10010100, 00011111

#bd941f
```
#bd941f rgb(189,148,31)
```
#1f48bd
```
#1f48bd rgb(31,72,189)
```

Complementary Color

#bd451f
```
#bd451f rgb(189,69,31)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#97bd1f
```
#97bd1f rgb(151,189,31)
```

Analogous Color

#451fbd
```
#451fbd rgb(69,31,189)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#1f97bd
```
#1f97bd rgb(31,151,189)
```

Split Complementary Color

#941fbd
```
#941fbd rgb(148,31,189)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#1fbd94
```
#1fbd94 rgb(31,189,148)
```

Triadic Color

#bd1f48
```
#bd1f48 rgb(189,31,72)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#1fbd94
```
#1fbd94 rgb(31,189,148)
```
#1f48bd
```
#1f48bd rgb(31,72,189)
```

Tetradic Color

#7b6114
```
#7b6114 rgb(123,97,20)
```
#917218
```
#917218 rgb(145,114,24)
```
#a7831b
```
#a7831b rgb(167,131,27)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#d3a523
```
#d3a523 rgb(211,165,35)
```
#ddb132
```
#ddb132 rgb(221,177,50)
```
#e1b948
```
#e1b948 rgb(225,185,72)
```

Monochromatic Color

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

#bd6d1f
```
#bd6d1f rgb(189,109,31)
```
#bd7a1f
```
#bd7a1f rgb(189,122,31)
```
#bd871f
```
#bd871f rgb(189,135,31)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#bda11f
```
#bda11f rgb(189,161,31)
```
#bdae1f
```
#bdae1f rgb(189,174,31)
```
#bdbc1f
```
#bdbc1f rgb(189,188,31)
```

Similar Colors

Text with hexadecimal color #bd941f

This text has a font color of #bd941f.

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

#bd941f background color

This paragraph has a background color of #bd941f.

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

#bd941f border color

This element has a border color of #bd941f.

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

CSS codes

.text {color:#bd941f;}

.background {background-color:#bd941f;}

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

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)
```
#47380c
```
#47380c rgb(71,56,12)
```
#58450e
```
#58450e rgb(88,69,14)
```
#695211
```
#695211 rgb(105,82,17)
```
#7a5f14
```
#7a5f14 rgb(122,95,20)
```
#8a6c17
```
#8a6c17 rgb(138,108,23)
```
#9b7a19
```
#9b7a19 rgb(155,122,25)
```
#ac871c
```
#ac871c rgb(172,135,28)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#cea122
```
#cea122 rgb(206,161,34)
```

Shade Color Variation

#dcad28
```
#dcad28 rgb(220,173,40)
```
#deb338
```
#deb338 rgb(222,179,56)
```
#e1ba49
```
#e1ba49 rgb(225,186,73)
```
#e4c05a
```
#e4c05a rgb(228,192,90)
```
#e7c76b
```
#e7c76b rgb(231,199,107)
```
#e9cd7c
```
#e9cd7c rgb(233,205,124)
```
#ecd38d
```
#ecd38d rgb(236,211,141)
```
#efda9e
```
#efda9e rgb(239,218,158)
```
#f2e0ae
```
#f2e0ae rgb(242,224,174)
```
#f5e7bf
```
#f5e7bf rgb(245,231,191)
```
#f7edd0
```
#f7edd0 rgb(247,237,208)
```
#faf4e1
```
#faf4e1 rgb(250,244,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 #d6a006 is the most saturated one.

#716f6b
```
#716f6b rgb(113,111,107)
```
#797363
```
#797363 rgb(121,115,99)
```
#82785a
```
#82785a rgb(130,120,90)
```
#8a7c52
```
#8a7c52 rgb(138,124,82)
```
#938049
```
#938049 rgb(147,128,73)
```
#9b8441
```
#9b8441 rgb(155,132,65)
```
#a48838
```
#a48838 rgb(164,136,56)
```
#ac8c30
```
#ac8c30 rgb(172,140,48)
```
#b59027
```
#b59027 rgb(181,144,39)
```
#bd941f
```
#bd941f rgb(189,148,31)
```
#c59817
```
#c59817 rgb(197,152,23)
```
#ce9c0e
```
#ce9c0e rgb(206,156,14)
```
#d6a006
```
#d6a006 rgb(214,160,6)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b937c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f2c Protanopia 1% of men
#c5972c Deuteranopia 1% of men
#c88f99 Tritanopia 0.001% of the population

Trichromacy

#b59b27 Protanomaly 1% of men, 0.01% of women
#c29627 Deuteranomaly 6% of men, 0.4% of women
#c4916d Tritanomaly 0.01% of the population

#bd941f hex color

#bd941f Color Information

#bd941f Color Conversion

Color Schemes with #bd941f

Alternatives to #bd941f

#bd941f Preview

Shades and Tints of #bd941f

Tones of #bd941f

Color Blindness Simulator