#bd834f hex color

In a RGB color space, hex #bd834f is composed of 74.1% red, 51.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 58.2% yellow and 25.9% black. It has a hue angle of 28.4 degrees, a saturation of 45.5% and a lightness of 52.5%. #bd834f color hex could be obtained by blending #ffff9e with #7b0700. Closest websafe color is: #cc9966.

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

● #bd834f color description : Moderate orange.

The hexadecimal color #bd834f has RGB values of R:189, G:131, B:79 and CMYK values of C:0, M:0.31, Y:0.58, K:0.26. Its decimal value is 12419919.

Hex triplet	bd834f	`#bd834f`
RGB Decimal	189, 131, 79	`rgb(189,131,79)`
RGB Percent	74.1, 51.4, 31	`rgb(74.1%,51.4%,31%)`
CMYK	0, 31, 58, 26
HSL	28.4°, 45.5, 52.5	`hsl(28.4,45.5%,52.5%)`
HSV (or HSB)	28.4°, 58.2, 74.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.542, 16.756, 36.758
XYZ	30.514, 27.618, 11.12
xyY	0.441, 0.399, 27.618
CIE-LCH	59.542, 40.397, 65.495
CIE-LUV	59.542, 44.457, 39.87
Hunter-Lab	52.553, 11.678, 24.241
Binary	10111101, 10000011, 01001111

#bd834f
```
#bd834f rgb(189,131,79)
```
#4f89bd
```
#4f89bd rgb(79,137,189)
```

Complementary Color

#bd4f52
```
#bd4f52 rgb(189,79,82)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#bdba4f
```
#bdba4f rgb(189,186,79)
```

Analogous Color

#4f52bd
```
#4f52bd rgb(79,82,189)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#4fbdba
```
#4fbdba rgb(79,189,186)
```

Split Complementary Color

#834fbd
```
#834fbd rgb(131,79,189)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#4fbd83
```
#4fbd83 rgb(79,189,131)
```

Triadic Color

#bd4f89
```
#bd4f89 rgb(189,79,137)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#4fbd83
```
#4fbd83 rgb(79,189,131)
```
#4f89bd
```
#4f89bd rgb(79,137,189)
```

Tetradic Color

#8b5d34
```
#8b5d34 rgb(139,93,52)
```
#9e6a3b
```
#9e6a3b rgb(158,106,59)
```
#b07642
```
#b07642 rgb(176,118,66)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#c49062
```
#c49062 rgb(196,144,98)
```
#cb9d74
```
#cb9d74 rgb(203,157,116)
```
#d2aa87
```
#d2aa87 rgb(210,170,135)
```

Monochromatic Color

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

#bd684f
```
#bd684f rgb(189,104,79)
```
#bd714f
```
#bd714f rgb(189,113,79)
```
#bd7a4f
```
#bd7a4f rgb(189,122,79)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#bd8c4f
```
#bd8c4f rgb(189,140,79)
```
#bd954f
```
#bd954f rgb(189,149,79)
```
#bd9f4f
```
#bd9f4f rgb(189,159,79)
```

Similar Colors

Text with hexadecimal color #bd834f

This text has a font color of #bd834f.

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

#bd834f background color

This paragraph has a background color of #bd834f.

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

#bd834f border color

This element has a border color of #bd834f.

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

CSS codes

.text {color:#bd834f;}

.background {background-color:#bd834f;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#181009
```
#181009 rgb(24,16,9)
```
#26190e
```
#26190e rgb(38,25,14)
```
#342314
```
#342314 rgb(52,35,20)
```
#432d19
```
#432d19 rgb(67,45,25)
```
#51361e
```
#51361e rgb(81,54,30)
```
#5f4024
```
#5f4024 rgb(95,64,36)
```
#6d4929
```
#6d4929 rgb(109,73,41)
```
#7c532e
```
#7c532e rgb(124,83,46)
```
#8a5c34
```
#8a5c34 rgb(138,92,52)
```
#986639
```
#986639 rgb(152,102,57)
```
#a6703e
```
#a6703e rgb(166,112,62)
```
#b57944
```
#b57944 rgb(181,121,68)
```

Shade Color Variation

#bd834f
```
#bd834f rgb(189,131,79)
```
#c28d5d
```
#c28d5d rgb(194,141,93)
```
#c8976c
```
#c8976c rgb(200,151,108)
```
#cda17a
```
#cda17a rgb(205,161,122)
```
#d2ab88
```
#d2ab88 rgb(210,171,136)
```
#d8b596
```
#d8b596 rgb(216,181,150)
```
#ddbfa5
```
#ddbfa5 rgb(221,191,165)
```
#e2c9b3
```
#e2c9b3 rgb(226,201,179)
```
#e8d3c1
```
#e8d3c1 rgb(232,211,193)
```
#edddcf
```
#edddcf rgb(237,221,207)
```
#f2e8de
```
#f2e8de rgb(242,232,222)
```
#f8f2ec
```
#f8f2ec rgb(248,242,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8e867e
```
#8e867e rgb(142,134,126)
```
#988574
```
#988574 rgb(152,133,116)
```
#a1856b
```
#a1856b rgb(161,133,107)
```
#aa8462
```
#aa8462 rgb(170,132,98)
```
#b48458
```
#b48458 rgb(180,132,88)
```
#bd834f
```
#bd834f rgb(189,131,79)
```
#c68246
```
#c68246 rgb(198,130,70)
```
#d0823c
```
#d0823c rgb(208,130,60)
```
#d98133
```
#d98133 rgb(217,129,51)
```
#e2812a
```
#e2812a rgb(226,129,42)
```
#ec8020
```
#ec8020 rgb(236,128,32)
```
#f58017
```
#f58017 rgb(245,128,23)
```
#fe7f0e
```
#fe7f0e rgb(254,127,14)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#978c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2955c Protanopia 1% of men
#b48e56 Deuteranopia 1% of men
#c4838c Tritanopia 0.001% of the population

Trichromacy

#ac8e57 Protanomaly 1% of men, 0.01% of women
#b78a53 Deuteranomaly 6% of men, 0.4% of women
#c18375 Tritanomaly 0.01% of the population

#bd834f hex color

#bd834f Color Information

#bd834f Color Conversion

Color Schemes with #bd834f

Alternatives to #bd834f

#bd834f Preview

Shades and Tints of #bd834f

Tones of #bd834f

Color Blindness Simulator