#bd7f54 hex color

In a RGB color space, hex #bd7f54 is composed of 74.1% red, 49.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 55.6% yellow and 25.9% black. It has a hue angle of 24.6 degrees, a saturation of 44.3% and a lightness of 53.5%. #bd7f54 color hex could be obtained by blending #fffea8 with #7b0000. Closest websafe color is: #cc6666.

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

● #bd7f54 color description : Moderate orange.

The hexadecimal color #bd7f54 has RGB values of R:189, G:127, B:84 and CMYK values of C:0, M:0.33, Y:0.56, K:0.26. Its decimal value is 12418900.

Hex triplet	bd7f54	`#bd7f54`
RGB Decimal	189, 127, 84	`rgb(189,127,84)`
RGB Percent	74.1, 49.8, 32.9	`rgb(74.1%,49.8%,32.9%)`
CMYK	0, 33, 56, 26
HSL	24.6°, 44.3, 53.5	`hsl(24.6,44.3%,53.5%)`
HSV (or HSB)	24.6°, 55.6, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.639, 19.378, 32.96
XYZ	30.176, 26.639, 11.94
xyY	0.439, 0.387, 26.639
CIE-LCH	58.639, 38.234, 59.548
CIE-LUV	58.639, 46.816, 35.536
Hunter-Lab	51.613, 14.038, 22.414
Binary	10111101, 01111111, 01010100

#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#5492bd
```
#5492bd rgb(84,146,189)
```

Complementary Color

#bd545e
```
#bd545e rgb(189,84,94)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#bdb454
```
#bdb454 rgb(189,180,84)
```

Analogous Color

#545ebd
```
#545ebd rgb(84,94,189)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#54bdb4
```
#54bdb4 rgb(84,189,180)
```

Split Complementary Color

#7f54bd
```
#7f54bd rgb(127,84,189)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#54bd7f
```
#54bd7f rgb(84,189,127)
```

Triadic Color

#bd5492
```
#bd5492 rgb(189,84,146)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#54bd7f
```
#54bd7f rgb(84,189,127)
```
#5492bd
```
#5492bd rgb(84,146,189)
```

Tetradic Color

#8e5a37
```
#8e5a37 rgb(142,90,55)
```
#a0663e
```
#a0663e rgb(160,102,62)
```
#b37245
```
#b37245 rgb(179,114,69)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#c48d66
```
#c48d66 rgb(196,141,102)
```
#cb9b79
```
#cb9b79 rgb(203,155,121)
```
#d2a88b
```
#d2a88b rgb(210,168,139)
```

Monochromatic Color

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

#bd6554
```
#bd6554 rgb(189,101,84)
```
#bd6e54
```
#bd6e54 rgb(189,110,84)
```
#bd7654
```
#bd7654 rgb(189,118,84)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#bd8854
```
#bd8854 rgb(189,136,84)
```
#bd9154
```
#bd9154 rgb(189,145,84)
```
#bd9954
```
#bd9954 rgb(189,153,84)
```

Similar Colors

Text with hexadecimal color #bd7f54

This text has a font color of #bd7f54.

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

#bd7f54 background color

This paragraph has a background color of #bd7f54.

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

#bd7f54 border color

This element has a border color of #bd7f54.

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

CSS codes

.text {color:#bd7f54;}

.background {background-color:#bd7f54;}

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

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

#0d0805
```
#0d0805 rgb(13,8,5)
```
#1b110a
```
#1b110a rgb(27,17,10)
```
#291a10
```
#291a10 rgb(41,26,16)
```
#372315
```
#372315 rgb(55,35,21)
```
#462c1b
```
#462c1b rgb(70,44,27)
```
#543520
```
#543520 rgb(84,53,32)
```
#623e26
```
#623e26 rgb(98,62,38)
```
#70472b
```
#70472b rgb(112,71,43)
```
#7e5031
```
#7e5031 rgb(126,80,49)
```
#8c5936
```
#8c5936 rgb(140,89,54)
```
#9b623c
```
#9b623c rgb(155,98,60)
```
#a96c41
```
#a96c41 rgb(169,108,65)
```
#b77547
```
#b77547 rgb(183,117,71)
```

Shade Color Variation

#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#c28a62
```
#c28a62 rgb(194,138,98)
```
#c89470
```
#c89470 rgb(200,148,112)
```
#cd9f7e
```
#cd9f7e rgb(205,159,126)
```
#d3a98d
```
#d3a98d rgb(211,169,141)
```
#d8b49b
```
#d8b49b rgb(216,180,155)
```
#debfa9
```
#debfa9 rgb(222,191,169)
```
#e3c9b7
```
#e3c9b7 rgb(227,201,183)
```
#e9d4c5
```
#e9d4c5 rgb(233,212,197)
```
#eeded3
```
#eeded3 rgb(238,222,211)
```
#f4e9e2
```
#f4e9e2 rgb(244,233,226)
```
#f9f4f0
```
#f9f4f0 rgb(249,244,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8f8782
```
#8f8782 rgb(143,135,130)
```
#998678
```
#998678 rgb(153,134,120)
```
#a2846f
```
#a2846f rgb(162,132,111)
```
#ab8266
```
#ab8266 rgb(171,130,102)
```
#b4815d
```
#b4815d rgb(180,129,93)
```
#bd7f54
```
#bd7f54 rgb(189,127,84)
```
#c67d4b
```
#c67d4b rgb(198,125,75)
```
#cf7c42
```
#cf7c42 rgb(207,124,66)
```
#d87a39
```
#d87a39 rgb(216,122,57)
```
#e17830
```
#e17830 rgb(225,120,48)
```
#eb7726
```
#eb7726 rgb(235,119,38)
```
#f4751d
```
#f4751d rgb(244,117,29)
```
#fd7314
```
#fd7314 rgb(253,115,20)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#978a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9261 Protanopia 1% of men
#b18c5a Deuteranopia 1% of men
#c48088 Tritanopia 0.001% of the population

Trichromacy

#aa8b5c Protanomaly 1% of men, 0.01% of women
#b58758 Deuteranomaly 6% of men, 0.4% of women
#c17f75 Tritanomaly 0.01% of the population

#bd7f54 hex color

#bd7f54 Color Information

#bd7f54 Color Conversion

Color Schemes with #bd7f54

Alternatives to #bd7f54

#bd7f54 Preview

Shades and Tints of #bd7f54

Tones of #bd7f54

Color Blindness Simulator