#bd5f31 hex color

In a RGB color space, hex #bd5f31 is composed of 74.1% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 74.1% yellow and 25.9% black. It has a hue angle of 19.7 degrees, a saturation of 58.8% and a lightness of 46.7%. #bd5f31 color hex could be obtained by blending #ffbe62 with #7b0000. Closest websafe color is: #cc6633.

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

● #bd5f31 color description : Moderate orange.

The hexadecimal color #bd5f31 has RGB values of R:189, G:95, B:49 and CMYK values of C:0, M:0.5, Y:0.74, K:0.26. Its decimal value is 12410673.

Hex triplet	bd5f31	`#bd5f31`
RGB Decimal	189, 95, 49	`rgb(189,95,49)`
RGB Percent	74.1, 37.3, 19.2	`rgb(74.1%,37.3%,19.2%)`
CMYK	0, 50, 74, 26
HSL	19.7°, 58.8, 46.7	`hsl(19.7,58.8%,46.7%)`
HSV (or HSB)	19.7°, 74.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.952, 34.457, 42.562
XYZ	25.634, 19.227, 5.267
xyY	0.511, 0.384, 19.227
CIE-LCH	50.952, 54.762, 51.008
CIE-LUV	50.952, 74.861, 37.287
Hunter-Lab	43.849, 27.614, 23.573
Binary	10111101, 01011111, 00110001

#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#318fbd
```
#318fbd rgb(49,143,189)
```

Complementary Color

#bd3149
```
#bd3149 rgb(189,49,73)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#bda531
```
#bda531 rgb(189,165,49)
```

Analogous Color

#3149bd
```
#3149bd rgb(49,73,189)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#31bda5
```
#31bda5 rgb(49,189,165)
```

Split Complementary Color

#5f31bd
```
#5f31bd rgb(95,49,189)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#31bd5f
```
#31bd5f rgb(49,189,95)
```

Triadic Color

#bd318f
```
#bd318f rgb(189,49,143)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#31bd5f
```
#31bd5f rgb(49,189,95)
```
#318fbd
```
#318fbd rgb(49,143,189)
```

Tetradic Color

#804021
```
#804021 rgb(128,64,33)
```
#954b27
```
#954b27 rgb(149,75,39)
```
#a9552c
```
#a9552c rgb(169,85,44)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#cc6b3b
```
#cc6b3b rgb(204,107,59)
```
#d27a50
```
#d27a50 rgb(210,122,80)
```
#d78a64
```
#d78a64 rgb(215,138,100)
```

Monochromatic Color

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

#bd3c31
```
#bd3c31 rgb(189,60,49)
```
#bd4831
```
#bd4831 rgb(189,72,49)
```
#bd5331
```
#bd5331 rgb(189,83,49)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#bd6b31
```
#bd6b31 rgb(189,107,49)
```
#bd7631
```
#bd7631 rgb(189,118,49)
```
#bd8231
```
#bd8231 rgb(189,130,49)
```

Similar Colors

Text with hexadecimal color #bd5f31

This text has a font color of #bd5f31.

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

#bd5f31 background color

This paragraph has a background color of #bd5f31.

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

#bd5f31 border color

This element has a border color of #bd5f31.

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

CSS codes

.text {color:#bd5f31;}

.background {background-color:#bd5f31;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#211109
```
#211109 rgb(33,17,9)
```
#31190d
```
#31190d rgb(49,25,13)
```
#402011
```
#402011 rgb(64,32,17)
```
#502815
```
#502815 rgb(80,40,21)
```
#603019
```
#603019 rgb(96,48,25)
```
#6f381d
```
#6f381d rgb(111,56,29)
```
#7f4021
```
#7f4021 rgb(127,64,33)
```
#8e4825
```
#8e4825 rgb(142,72,37)
```
#9e4f29
```
#9e4f29 rgb(158,79,41)
```
#ad572d
```
#ad572d rgb(173,87,45)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```

Shade Color Variation

#cb6737
```
#cb6737 rgb(203,103,55)
```
#cf7346
```
#cf7346 rgb(207,115,70)
```
#d37f56
```
#d37f56 rgb(211,127,86)
```
#d78b65
```
#d78b65 rgb(215,139,101)
```
#db9775
```
#db9775 rgb(219,151,117)
```
#dfa284
```
#dfa284 rgb(223,162,132)
```
#e3ae94
```
#e3ae94 rgb(227,174,148)
```
#e7baa4
```
#e7baa4 rgb(231,186,164)
```
#ebc6b3
```
#ebc6b3 rgb(235,198,179)
```
#efd1c3
```
#efd1c3 rgb(239,209,195)
```
#f3ddd2
```
#f3ddd2 rgb(243,221,210)
```
#f7e9e2
```
#f7e9e2 rgb(247,233,226)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#7d7571
```
#7d7571 rgb(125,117,113)
```
#867268
```
#867268 rgb(134,114,104)
```
#8f6f5f
```
#8f6f5f rgb(143,111,95)
```
#986c56
```
#986c56 rgb(152,108,86)
```
#a2684c
```
#a2684c rgb(162,104,76)
```
#ab6543
```
#ab6543 rgb(171,101,67)
```
#b4623a
```
#b4623a rgb(180,98,58)
```
#bd5f31
```
#bd5f31 rgb(189,95,49)
```
#c65c28
```
#c65c28 rgb(198,92,40)
```
#cf591f
```
#cf591f rgb(207,89,31)
```
#d85616
```
#d85616 rgb(216,86,22)
```
#e2520c
```
#e2520c rgb(226,82,12)
```
#eb4f03
```
#eb4f03 rgb(235,79,3)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8043 Protanopia 1% of men
#9e7a35 Deuteranopia 1% of men
#c26268 Tritanopia 0.001% of the population

Trichromacy

#9e743c Protanomaly 1% of men, 0.01% of women
#a97034 Deuteranomaly 6% of men, 0.4% of women
#c06154 Tritanomaly 0.01% of the population

#bd5f31 hex color

#bd5f31 Color Information

#bd5f31 Color Conversion

Color Schemes with #bd5f31

Alternatives to #bd5f31

#bd5f31 Preview

Shades and Tints of #bd5f31

Tones of #bd5f31

Color Blindness Simulator