#b17d1f hex color

In a RGB color space, hex #b17d1f is composed of 69.4% red, 49% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 82.5% yellow and 30.6% black. It has a hue angle of 38.6 degrees, a saturation of 70.2% and a lightness of 40.8%. #b17d1f color hex could be obtained by blending #fffa3e with #630000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 49
- B 12
RGB color chart
- C 0
- M 29
- Y 82
- K 31
CMYK color chart

● #b17d1f color description : Dark orange [Brown tone].

The hexadecimal color #b17d1f has RGB values of R:177, G:125, B:31 and CMYK values of C:0, M:0.29, Y:0.82, K:0.31. Its decimal value is 11631903.

Hex triplet	b17d1f	`#b17d1f`
RGB Decimal	177, 125, 31	`rgb(177,125,31)`
RGB Percent	69.4, 49, 12.2	`rgb(69.4%,49%,12.2%)`
CMYK	0, 29, 82, 31
HSL	38.6°, 70.2, 40.8	`hsl(38.6,70.2%,40.8%)`
HSV (or HSB)	38.6°, 82.5, 69.4
Web Safe	996633	`#996633`

CIE-LAB	56.203, 12.158, 54.847
XYZ	25.713, 24.115, 4.597
xyY	0.472, 0.443, 24.115
CIE-LCH	56.203, 56.179, 77.501
CIE-LUV	56.203, 42.745, 53.037
Hunter-Lab	49.107, 7.528, 28.825
Binary	10110001, 01111101, 00011111

#b17d1f
```
#b17d1f rgb(177,125,31)
```
#1f53b1
```
#1f53b1 rgb(31,83,177)
```

Complementary Color

#b1341f
```
#b1341f rgb(177,52,31)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#9cb11f
```
#9cb11f rgb(156,177,31)
```

Analogous Color

#341fb1
```
#341fb1 rgb(52,31,177)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#1f9cb1
```
#1f9cb1 rgb(31,156,177)
```

Split Complementary Color

#7d1fb1
```
#7d1fb1 rgb(125,31,177)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#1fb17d
```
#1fb17d rgb(31,177,125)
```

Triadic Color

#b11f53
```
#b11f53 rgb(177,31,83)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#1fb17d
```
#1fb17d rgb(31,177,125)
```
#1f53b1
```
#1f53b1 rgb(31,83,177)
```

Tetradic Color

#704f14
```
#704f14 rgb(112,79,20)
```
#865e17
```
#865e17 rgb(134,94,23)
```
#9b6e1b
```
#9b6e1b rgb(155,110,27)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#c78c23
```
#c78c23 rgb(199,140,35)
```
#da9b29
```
#da9b29 rgb(218,155,41)
```
#dda53f
```
#dda53f rgb(221,165,63)
```

Monochromatic Color

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

#b1591f
```
#b1591f rgb(177,89,31)
```
#b1651f
```
#b1651f rgb(177,101,31)
```
#b1711f
```
#b1711f rgb(177,113,31)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#b1891f
```
#b1891f rgb(177,137,31)
```
#b1951f
```
#b1951f rgb(177,149,31)
```
#b1a21f
```
#b1a21f rgb(177,162,31)
```

Similar Colors

Text with hexadecimal color #b17d1f

This text has a font color of #b17d1f.

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

#b17d1f background color

This paragraph has a background color of #b17d1f.

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

#b17d1f border color

This element has a border color of #b17d1f.

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

CSS codes

.text {color:#b17d1f;}

.background {background-color:#b17d1f;}

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

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, #0a0702 is the darkest color, while #fefcf8 is the lightest one.

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1305
```
#1b1305 rgb(27,19,5)
```
#2b1f08
```
#2b1f08 rgb(43,31,8)
```
#3c2a0b
```
#3c2a0b rgb(60,42,11)
```
#4d360d
```
#4d360d rgb(77,54,13)
```
#5e4210
```
#5e4210 rgb(94,66,16)
```
#6e4e13
```
#6e4e13 rgb(110,78,19)
```
#7f5a16
```
#7f5a16 rgb(127,90,22)
```
#906519
```
#906519 rgb(144,101,25)
```
#a0711c
```
#a0711c rgb(160,113,28)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#c28922
```
#c28922 rgb(194,137,34)
```
#d29525
```
#d29525 rgb(210,149,37)
```

Shade Color Variation

#db9e30
```
#db9e30 rgb(219,158,48)
```
#dea641
```
#dea641 rgb(222,166,65)
```
#e1ae51
```
#e1ae51 rgb(225,174,81)
```
#e4b562
```
#e4b562 rgb(228,181,98)
```
#e6bd73
```
#e6bd73 rgb(230,189,115)
```
#e9c584
```
#e9c584 rgb(233,197,132)
```
#eccd94
```
#eccd94 rgb(236,205,148)
```
#efd5a5
```
#efd5a5 rgb(239,213,165)
```
#f2ddb6
```
#f2ddb6 rgb(242,221,182)
```
#f5e4c6
```
#f5e4c6 rgb(245,228,198)
```
#f8ecd7
```
#f8ecd7 rgb(248,236,215)
```
#fbf4e8
```
#fbf4e8 rgb(251,244,232)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#696867
```
#696867 rgb(105,104,103)
```
#716b5f
```
#716b5f rgb(113,107,95)
```
#796d57
```
#796d57 rgb(121,109,87)
```
#816f4f
```
#816f4f rgb(129,111,79)
```
#897147
```
#897147 rgb(137,113,71)
```
#91743f
```
#91743f rgb(145,116,63)
```
#997637
```
#997637 rgb(153,118,55)
```
#a1782f
```
#a1782f rgb(161,120,47)
```
#a97b27
```
#a97b27 rgb(169,123,39)
```
#b17d1f
```
#b17d1f rgb(177,125,31)
```
#b97f17
```
#b97f17 rgb(185,127,23)
```
#c1820f
```
#c1820f rgb(193,130,15)
```
#c98407
```
#c98407 rgb(201,132,7)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2d Protanopia 1% of men
#af8629 Deuteranopia 1% of men
#ba7b83 Tritanopia 0.001% of the population

Trichromacy

#a48727 Protanomaly 1% of men, 0.01% of women
#b08225 Deuteranomaly 6% of men, 0.4% of women
#b77c5f Tritanomaly 0.01% of the population

#b17d1f hex color

#b17d1f Color Information

#b17d1f Color Conversion

Color Schemes with #b17d1f

Alternatives to #b17d1f

#b17d1f Preview

Shades and Tints of #b17d1f

Tones of #b17d1f

Color Blindness Simulator