#bd861f hex color

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

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

● #bd861f color description : Strong orange.

The hexadecimal color #bd861f has RGB values of R:189, G:134, B:31 and CMYK values of C:0, M:0.29, Y:0.84, K:0.26. Its decimal value is 12420639.

Hex triplet	bd861f	`#bd861f`
RGB Decimal	189, 134, 31	`rgb(189,134,31)`
RGB Percent	74.1, 52.5, 12.2	`rgb(74.1%,52.5%,12.2%)`
CMYK	0, 29, 84, 26
HSL	39.1°, 71.8, 43.1	`hsl(39.1,71.8%,43.1%)`
HSV (or HSB)	39.1°, 83.6, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.861, 12.531, 58.571
XYZ	29.759, 27.97, 5.128
xyY	0.473, 0.445, 27.97
CIE-LCH	59.861, 59.897, 77.924
CIE-LUV	59.861, 45.389, 57.102
Hunter-Lab	52.886, 7.891, 31.272
Binary	10111101, 10000110, 00011111

#bd861f
```
#bd861f rgb(189,134,31)
```
#1f56bd
```
#1f56bd rgb(31,86,189)
```

Complementary Color

#bd371f
```
#bd371f rgb(189,55,31)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#a5bd1f
```
#a5bd1f rgb(165,189,31)
```

Analogous Color

#371fbd
```
#371fbd rgb(55,31,189)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#1fa5bd
```
#1fa5bd rgb(31,165,189)
```

Split Complementary Color

#861fbd
```
#861fbd rgb(134,31,189)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#1fbd86
```
#1fbd86 rgb(31,189,134)
```

Triadic Color

#bd1f56
```
#bd1f56 rgb(189,31,86)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#1fbd86
```
#1fbd86 rgb(31,189,134)
```
#1f56bd
```
#1f56bd rgb(31,86,189)
```

Tetradic Color

#7b5714
```
#7b5714 rgb(123,87,20)
```
#916718
```
#916718 rgb(145,103,24)
```
#a7761b
```
#a7761b rgb(167,118,27)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#d39623
```
#d39623 rgb(211,150,35)
```
#dda232
```
#dda232 rgb(221,162,50)
```
#e1ac48
```
#e1ac48 rgb(225,172,72)
```

Monochromatic Color

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

#bd5f1f
```
#bd5f1f rgb(189,95,31)
```
#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)
```
#bdae1f
```
#bdae1f rgb(189,174,31)
```

Similar Colors

Text with hexadecimal color #bd861f

This text has a font color of #bd861f.

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

#bd861f background color

This paragraph has a background color of #bd861f.

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

#bd861f border color

This element has a border color of #bd861f.

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

CSS codes

.text {color:#bd861f;}

.background {background-color:#bd861f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140f03
```
#140f03 rgb(20,15,3)
```
#251a06
```
#251a06 rgb(37,26,6)
```
#362609
```
#362609 rgb(54,38,9)
```
#47320c
```
#47320c rgb(71,50,12)
```
#583e0e
```
#583e0e rgb(88,62,14)
```
#694a11
```
#694a11 rgb(105,74,17)
```
#7a5614
```
#7a5614 rgb(122,86,20)
```
#8a6217
```
#8a6217 rgb(138,98,23)
```
#9b6e19
```
#9b6e19 rgb(155,110,25)
```
#ac7a1c
```
#ac7a1c rgb(172,122,28)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#ce9222
```
#ce9222 rgb(206,146,34)
```

Shade Color Variation

#dc9d28
```
#dc9d28 rgb(220,157,40)
```
#dea538
```
#dea538 rgb(222,165,56)
```
#e1ac49
```
#e1ac49 rgb(225,172,73)
```
#e4b45a
```
#e4b45a rgb(228,180,90)
```
#e7bc6b
```
#e7bc6b rgb(231,188,107)
```
#e9c37c
```
#e9c37c rgb(233,195,124)
```
#eccb8d
```
#eccb8d rgb(236,203,141)
```
#efd39e
```
#efd39e rgb(239,211,158)
```
#f2daae
```
#f2daae rgb(242,218,174)
```
#f5e2bf
```
#f5e2bf rgb(245,226,191)
```
#f7ead0
```
#f7ead0 rgb(247,234,208)
```
#faf1e1
```
#faf1e1 rgb(250,241,225)
```
#fdf9f2
```
#fdf9f2 rgb(253,249,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 #d68e06 is the most saturated one.

#716f6b
```
#716f6b rgb(113,111,107)
```
#797163
```
#797163 rgb(121,113,99)
```
#82745a
```
#82745a rgb(130,116,90)
```
#8a7752
```
#8a7752 rgb(138,119,82)
```
#937949
```
#937949 rgb(147,121,73)
```
#9b7c41
```
#9b7c41 rgb(155,124,65)
```
#a47e38
```
#a47e38 rgb(164,126,56)
```
#ac8130
```
#ac8130 rgb(172,129,48)
```
#b58327
```
#b58327 rgb(181,131,39)
```
#bd861f
```
#bd861f rgb(189,134,31)
```
#c58917
```
#c58917 rgb(197,137,23)
```
#ce8b0e
```
#ce8b0e rgb(206,139,14)
```
#d68e06
```
#d68e06 rgb(214,142,6)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#958a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7962d Protanopia 1% of men
#ba8e29 Deuteranopia 1% of men
#c6838c Tritanopia 0.001% of the population

Trichromacy

#af9028 Protanomaly 1% of men, 0.01% of women
#bb8b25 Deuteranomaly 6% of men, 0.4% of women
#c38464 Tritanomaly 0.01% of the population

#bd861f hex color

#bd861f Color Information

#bd861f Color Conversion

Color Schemes with #bd861f

Alternatives to #bd861f

#bd861f Preview

Shades and Tints of #bd861f

Tones of #bd861f

Color Blindness Simulator