#bd7f36 hex color

In a RGB color space, hex #bd7f36 is composed of 74.1% red, 49.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 71.4% yellow and 25.9% black. It has a hue angle of 32.4 degrees, a saturation of 55.6% and a lightness of 47.6%. #bd7f36 color hex could be obtained by blending #fffe6c with #7b0000. Closest websafe color is: #cc6633.

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

● #bd7f36 color description : Moderate orange.

The hexadecimal color #bd7f36 has RGB values of R:189, G:127, B:54 and CMYK values of C:0, M:0.33, Y:0.71, K:0.26. Its decimal value is 12418870.

Hex triplet	bd7f36	`#bd7f36`
RGB Decimal	189, 127, 54	`rgb(189,127,54)`
RGB Percent	74.1, 49.8, 21.2	`rgb(74.1%,49.8%,21.2%)`
CMYK	0, 33, 71, 26
HSL	32.4°, 55.6, 47.6	`hsl(32.4,55.6%,47.6%)`
HSV (or HSB)	32.4°, 71.4, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.288, 17.332, 47.889
XYZ	29.242, 26.266, 7.02
xyY	0.468, 0.42, 26.266
CIE-LCH	58.288, 50.929, 70.103
CIE-LUV	58.288, 49.581, 48.294
Hunter-Lab	51.25, 12.16, 27.754
Binary	10111101, 01111111, 00110110

#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#3674bd
```
#3674bd rgb(54,116,189)
```

Complementary Color

#bd3c36
```
#bd3c36 rgb(189,60,54)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#b8bd36
```
#b8bd36 rgb(184,189,54)
```

Analogous Color

#3c36bd
```
#3c36bd rgb(60,54,189)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#36b8bd
```
#36b8bd rgb(54,184,189)
```

Split Complementary Color

#7f36bd
```
#7f36bd rgb(127,54,189)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#36bd7f
```
#36bd7f rgb(54,189,127)
```

Triadic Color

#bd3674
```
#bd3674 rgb(189,54,116)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#36bd7f
```
#36bd7f rgb(54,189,127)
```
#3674bd
```
#3674bd rgb(54,116,189)
```

Tetradic Color

#825725
```
#825725 rgb(130,87,37)
```
#95642b
```
#95642b rgb(149,100,43)
```
#a97230
```
#a97230 rgb(169,114,48)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#c98c43
```
#c98c43 rgb(201,140,67)
```
#cf9857
```
#cf9857 rgb(207,152,87)
```
#d5a46b
```
#d5a46b rgb(213,164,107)
```

Monochromatic Color

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

#bd5d36
```
#bd5d36 rgb(189,93,54)
```
#bd6936
```
#bd6936 rgb(189,105,54)
```
#bd7436
```
#bd7436 rgb(189,116,54)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#bd8a36
```
#bd8a36 rgb(189,138,54)
```
#bd9636
```
#bd9636 rgb(189,150,54)
```
#bda136
```
#bda136 rgb(189,161,54)
```

Similar Colors

Text with hexadecimal color #bd7f36

This text has a font color of #bd7f36.

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

#bd7f36 background color

This paragraph has a background color of #bd7f36.

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

#bd7f36 border color

This element has a border color of #bd7f36.

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

CSS codes

.text {color:#bd7f36;}

.background {background-color:#bd7f36;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150e06
```
#150e06 rgb(21,14,6)
```
#24180a
```
#24180a rgb(36,24,10)
```
#34230f
```
#34230f rgb(52,35,15)
```
#432d13
```
#432d13 rgb(67,45,19)
```
#523717
```
#523717 rgb(82,55,23)
```
#61411c
```
#61411c rgb(97,65,28)
```
#714c20
```
#714c20 rgb(113,76,32)
```
#805625
```
#805625 rgb(128,86,37)
```
#8f6029
```
#8f6029 rgb(143,96,41)
```
#9e6a2d
```
#9e6a2d rgb(158,106,45)
```
#ae7532
```
#ae7532 rgb(174,117,50)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```

Shade Color Variation

#c8893f
```
#c8893f rgb(200,137,63)
```
#cc924e
```
#cc924e rgb(204,146,78)
```
#d19c5d
```
#d19c5d rgb(209,156,93)
```
#d5a56c
```
#d5a56c rgb(213,165,108)
```
#d9ae7c
```
#d9ae7c rgb(217,174,124)
```
#deb88b
```
#deb88b rgb(222,184,139)
```
#e2c19a
```
#e2c19a rgb(226,193,154)
```
#e7caa9
```
#e7caa9 rgb(231,202,169)
```
#ebd4b9
```
#ebd4b9 rgb(235,212,185)
```
#efddc8
```
#efddc8 rgb(239,221,200)
```
#f4e7d7
```
#f4e7d7 rgb(244,231,215)
```
#f8f0e6
```
#f8f0e6 rgb(248,240,230)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#7c7a77
```
#7c7a77 rgb(124,122,119)
```
#857a6e
```
#857a6e rgb(133,122,110)
```
#8e7b65
```
#8e7b65 rgb(142,123,101)
```
#987c5b
```
#987c5b rgb(152,124,91)
```
#a17d52
```
#a17d52 rgb(161,125,82)
```
#aa7d49
```
#aa7d49 rgb(170,125,73)
```
#b47e3f
```
#b47e3f rgb(180,126,63)
```
#bd7f36
```
#bd7f36 rgb(189,127,54)
```
#c6802d
```
#c6802d rgb(198,128,45)
```
#d08123
```
#d08123 rgb(208,129,35)
```
#d9811a
```
#d9811a rgb(217,129,26)
```
#e28211
```
#e28211 rgb(226,130,17)
```
#ec8307
```
#ec8307 rgb(236,131,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#938778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19244 Protanopia 1% of men
#b48b3e Deuteranopia 1% of men
#c57e86 Tritanopia 0.001% of the population

Trichromacy

#ab8b3e Protanomaly 1% of men, 0.01% of women
#b7863b Deuteranomaly 6% of men, 0.4% of women
#c27e69 Tritanomaly 0.01% of the population

#bd7f36 hex color

#bd7f36 Color Information

#bd7f36 Color Conversion

Color Schemes with #bd7f36

Alternatives to #bd7f36

#bd7f36 Preview

Shades and Tints of #bd7f36

Tones of #bd7f36

Color Blindness Simulator