#bd5336 hex color

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

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

● #bd5336 color description : Moderate red.

The hexadecimal color #bd5336 has RGB values of R:189, G:83, B:54 and CMYK values of C:0, M:0.56, Y:0.71, K:0.26. Its decimal value is 12407606.

Hex triplet	bd5336	`#bd5336`
RGB Decimal	189, 83, 54	`rgb(189,83,54)`
RGB Percent	74.1, 32.5, 21.2	`rgb(74.1%,32.5%,21.2%)`
CMYK	0, 56, 71, 26
HSL	12.9°, 55.6, 47.6	`hsl(12.9,55.6%,47.6%)`
HSV (or HSB)	12.9°, 71.4, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.604, 40.808, 37.36
XYZ	24.746, 17.274, 5.521
xyY	0.521, 0.363, 17.274
CIE-LCH	48.604, 55.327, 42.474
CIE-LUV	48.604, 83.182, 31.062
Hunter-Lab	41.562, 33.546, 21.218
Binary	10111101, 01010011, 00110110

#bd5336
```
#bd5336 rgb(189,83,54)
```
#36a0bd
```
#36a0bd rgb(54,160,189)
```

Complementary Color

#bd365d
```
#bd365d rgb(189,54,93)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#bd9736
```
#bd9736 rgb(189,151,54)
```

Analogous Color

#365dbd
```
#365dbd rgb(54,93,189)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#36bd97
```
#36bd97 rgb(54,189,151)
```

Split Complementary Color

#5336bd
```
#5336bd rgb(83,54,189)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#36bd53
```
#36bd53 rgb(54,189,83)
```

Triadic Color

#bd36a0
```
#bd36a0 rgb(189,54,160)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#36bd53
```
#36bd53 rgb(54,189,83)
```
#36a0bd
```
#36a0bd rgb(54,160,189)
```

Tetradic Color

#823925
```
#823925 rgb(130,57,37)
```
#95422b
```
#95422b rgb(149,66,43)
```
#a94a30
```
#a94a30 rgb(169,74,48)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#c96043
```
#c96043 rgb(201,96,67)
```
#cf7157
```
#cf7157 rgb(207,113,87)
```
#d5826b
```
#d5826b rgb(213,130,107)
```

Monochromatic Color

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

#bd363b
```
#bd363b rgb(189,54,59)
```
#bd3d36
```
#bd3d36 rgb(189,61,54)
```
#bd4836
```
#bd4836 rgb(189,72,54)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#bd5e36
```
#bd5e36 rgb(189,94,54)
```
#bd6a36
```
#bd6a36 rgb(189,106,54)
```
#bd7536
```
#bd7536 rgb(189,117,54)
```

Similar Colors

Text with hexadecimal color #bd5336

This text has a font color of #bd5336.

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

#bd5336 background color

This paragraph has a background color of #bd5336.

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

#bd5336 border color

This element has a border color of #bd5336.

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

CSS codes

.text {color:#bd5336;}

.background {background-color:#bd5336;}

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

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)
```
#150906
```
#150906 rgb(21,9,6)
```
#24100a
```
#24100a rgb(36,16,10)
```
#34170f
```
#34170f rgb(52,23,15)
```
#431d13
```
#431d13 rgb(67,29,19)
```
#522417
```
#522417 rgb(82,36,23)
```
#612b1c
```
#612b1c rgb(97,43,28)
```
#713220
```
#713220 rgb(113,50,32)
```
#803825
```
#803825 rgb(128,56,37)
```
#8f3f29
```
#8f3f29 rgb(143,63,41)
```
#9e462d
```
#9e462d rgb(158,70,45)
```
#ae4c32
```
#ae4c32 rgb(174,76,50)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```

Shade Color Variation

#c85c3f
```
#c85c3f rgb(200,92,63)
```
#cc694e
```
#cc694e rgb(204,105,78)
```
#d1765d
```
#d1765d rgb(209,118,93)
```
#d5836c
```
#d5836c rgb(213,131,108)
```
#d9907c
```
#d9907c rgb(217,144,124)
```
#de9d8b
```
#de9d8b rgb(222,157,139)
```
#e2aa9a
```
#e2aa9a rgb(226,170,154)
```
#e7b7a9
```
#e7b7a9 rgb(231,183,169)
```
#ebc3b9
```
#ebc3b9 rgb(235,195,185)
```
#efd0c8
```
#efd0c8 rgb(239,208,200)
```
#f4ddd7
```
#f4ddd7 rgb(244,221,215)
```
#f8eae6
```
#f8eae6 rgb(248,234,230)
```
#fcf7f6
```
#fcf7f6 rgb(252,247,246)
```

Tint Color Variation

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

#7c7877
```
#7c7877 rgb(124,120,119)
```
#85736e
```
#85736e rgb(133,115,110)
```
#8e6e65
```
#8e6e65 rgb(142,110,101)
```
#98685b
```
#98685b rgb(152,104,91)
```
#a16352
```
#a16352 rgb(161,99,82)
```
#aa5e49
```
#aa5e49 rgb(170,94,73)
```
#b4583f
```
#b4583f rgb(180,88,63)
```
#bd5336
```
#bd5336 rgb(189,83,54)
```
#c64e2d
```
#c64e2d rgb(198,78,45)
```
#d04823
```
#d04823 rgb(208,72,35)
```
#d9431a
```
#d9431a rgb(217,67,26)
```
#e23e11
```
#e23e11 rgb(226,62,17)
```
#ec3807
```
#ec3807 rgb(236,56,7)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7f6964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a4a Protanopia 1% of men
#967539 Deuteranopia 1% of men
#c1585d Tritanopia 0.001% of the population

Trichromacy

#9a6c42 Protanomaly 1% of men, 0.01% of women
#a46838 Deuteranomaly 6% of men, 0.4% of women
#c0564f Tritanomaly 0.01% of the population

#bd5336 hex color

#bd5336 Color Information

#bd5336 Color Conversion

Color Schemes with #bd5336

Alternatives to #bd5336

#bd5336 Preview

Shades and Tints of #bd5336

Tones of #bd5336

Color Blindness Simulator