#bd5a36 hex color

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

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

● #bd5a36 color description : Moderate orange.

The hexadecimal color #bd5a36 has RGB values of R:189, G:90, B:54 and CMYK values of C:0, M:0.52, Y:0.71, K:0.26. Its decimal value is 12409398.

Hex triplet	bd5a36	`#bd5a36`
RGB Decimal	189, 90, 54	`rgb(189,90,54)`
RGB Percent	74.1, 35.3, 21.2	`rgb(74.1%,35.3%,21.2%)`
CMYK	0, 52, 71, 26
HSL	16°, 55.6, 47.6	`hsl(16,55.6%,47.6%)`
HSV (or HSB)	16°, 71.4, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.978, 37.288, 38.9
XYZ	25.309, 18.4, 5.709
xyY	0.512, 0.372, 18.4
CIE-LCH	49.978, 53.885, 46.212
CIE-LUV	49.978, 78.018, 33.594
Hunter-Lab	42.895, 30.253, 22.136
Binary	10111101, 01011010, 00110110

#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#3699bd
```
#3699bd rgb(54,153,189)
```

Complementary Color

#bd3656
```
#bd3656 rgb(189,54,86)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#bd9e36
```
#bd9e36 rgb(189,158,54)
```

Analogous Color

#3656bd
```
#3656bd rgb(54,86,189)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#36bd9e
```
#36bd9e rgb(54,189,158)
```

Split Complementary Color

#5a36bd
```
#5a36bd rgb(90,54,189)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#36bd5a
```
#36bd5a rgb(54,189,90)
```

Triadic Color

#bd3699
```
#bd3699 rgb(189,54,153)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#36bd5a
```
#36bd5a rgb(54,189,90)
```
#3699bd
```
#3699bd rgb(54,153,189)
```

Tetradic Color

#823e25
```
#823e25 rgb(130,62,37)
```
#95472b
```
#95472b rgb(149,71,43)
```
#a95130
```
#a95130 rgb(169,81,48)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#c96743
```
#c96743 rgb(201,103,67)
```
#cf7757
```
#cf7757 rgb(207,119,87)
```
#d5876b
```
#d5876b rgb(213,135,107)
```

Monochromatic Color

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

#bd3836
```
#bd3836 rgb(189,56,54)
```
#bd4436
```
#bd4436 rgb(189,68,54)
```
#bd4f36
```
#bd4f36 rgb(189,79,54)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#bd6536
```
#bd6536 rgb(189,101,54)
```
#bd7136
```
#bd7136 rgb(189,113,54)
```
#bd7c36
```
#bd7c36 rgb(189,124,54)
```

Similar Colors

Text with hexadecimal color #bd5a36

This text has a font color of #bd5a36.

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

#bd5a36 background color

This paragraph has a background color of #bd5a36.

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

#bd5a36 border color

This element has a border color of #bd5a36.

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

CSS codes

.text {color:#bd5a36;}

.background {background-color:#bd5a36;}

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

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

#060302
```
#060302 rgb(6,3,2)
```
#150a06
```
#150a06 rgb(21,10,6)
```
#24110a
```
#24110a rgb(36,17,10)
```
#34190f
```
#34190f rgb(52,25,15)
```
#432013
```
#432013 rgb(67,32,19)
```
#522717
```
#522717 rgb(82,39,23)
```
#612e1c
```
#612e1c rgb(97,46,28)
```
#713620
```
#713620 rgb(113,54,32)
```
#803d25
```
#803d25 rgb(128,61,37)
```
#8f4429
```
#8f4429 rgb(143,68,41)
```
#9e4b2d
```
#9e4b2d rgb(158,75,45)
```
#ae5332
```
#ae5332 rgb(174,83,50)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```

Shade Color Variation

#c8633f
```
#c8633f rgb(200,99,63)
```
#cc704e
```
#cc704e rgb(204,112,78)
```
#d17c5d
```
#d17c5d rgb(209,124,93)
```
#d5886c
```
#d5886c rgb(213,136,108)
```
#d9957c
```
#d9957c rgb(217,149,124)
```
#dea18b
```
#dea18b rgb(222,161,139)
```
#e2ad9a
```
#e2ad9a rgb(226,173,154)
```
#e7baa9
```
#e7baa9 rgb(231,186,169)
```
#ebc6b9
```
#ebc6b9 rgb(235,198,185)
```
#efd2c8
```
#efd2c8 rgb(239,210,200)
```
#f4dfd7
```
#f4dfd7 rgb(244,223,215)
```
#f8ebe6
```
#f8ebe6 rgb(248,235,230)
```
#fcf7f6
```
#fcf7f6 rgb(252,247,246)
```

Tint Color Variation

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

#7c7977
```
#7c7977 rgb(124,121,119)
```
#85746e
```
#85746e rgb(133,116,110)
```
#8e7065
```
#8e7065 rgb(142,112,101)
```
#986b5b
```
#986b5b rgb(152,107,91)
```
#a16752
```
#a16752 rgb(161,103,82)
```
#aa6349
```
#aa6349 rgb(170,99,73)
```
#b45e3f
```
#b45e3f rgb(180,94,63)
```
#bd5a36
```
#bd5a36 rgb(189,90,54)
```
#c6562d
```
#c6562d rgb(198,86,45)
```
#d05123
```
#d05123 rgb(208,81,35)
```
#d94d1a
```
#d94d1a rgb(217,77,26)
```
#e24911
```
#e24911 rgb(226,73,17)
```
#ec4407
```
#ec4407 rgb(236,68,7)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#826e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897e49 Protanopia 1% of men
#9a783a Deuteranopia 1% of men
#c25e64 Tritanopia 0.001% of the population

Trichromacy

#9c7042 Protanomaly 1% of men, 0.01% of women
#a76d38 Deuteranomaly 6% of men, 0.4% of women
#c05c53 Tritanomaly 0.01% of the population

#bd5a36 hex color

#bd5a36 Color Information

#bd5a36 Color Conversion

Color Schemes with #bd5a36

Alternatives to #bd5a36

#bd5a36 Preview

Shades and Tints of #bd5a36

Tones of #bd5a36

Color Blindness Simulator