#bd5524 hex color

In a RGB color space, hex #bd5524 is composed of 74.1% red, 33.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 81% yellow and 25.9% black. It has a hue angle of 19.2 degrees, a saturation of 68% and a lightness of 44.1%. #bd5524 color hex could be obtained by blending #ffaa48 with #7b0000. Closest websafe color is: #cc6633.

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

● #bd5524 color description : Strong orange.

The hexadecimal color #bd5524 has RGB values of R:189, G:85, B:36 and CMYK values of C:0, M:0.55, Y:0.81, K:0.26. Its decimal value is 12408100.

Hex triplet	bd5524	`#bd5524`
RGB Decimal	189, 85, 36	`rgb(189,85,36)`
RGB Percent	74.1, 33.3, 14.1	`rgb(74.1%,33.3%,14.1%)`
CMYK	0, 55, 81, 26
HSL	19.2°, 68, 44.1	`hsl(19.2,68%,44.1%)`
HSV (or HSB)	19.2°, 81, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.817, 39.061, 46.721
XYZ	24.554, 17.446, 3.743
xyY	0.537, 0.381, 17.446
CIE-LCH	48.817, 60.898, 50.102
CIE-LUV	48.817, 83.982, 37.751
Hunter-Lab	41.768, 31.841, 23.924
Binary	10111101, 01010101, 00100100

#bd5524
```
#bd5524 rgb(189,85,36)
```
#248cbd
```
#248cbd rgb(36,140,189)
```

Complementary Color

#bd243f
```
#bd243f rgb(189,36,63)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#bda224
```
#bda224 rgb(189,162,36)
```

Analogous Color

#2440bd
```
#2440bd rgb(36,64,189)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#24bda2
```
#24bda2 rgb(36,189,162)
```

Split Complementary Color

#5524bd
```
#5524bd rgb(85,36,189)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#24bd55
```
#24bd55 rgb(36,189,85)
```

Triadic Color

#bd248c
```
#bd248c rgb(189,36,140)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#24bd55
```
#24bd55 rgb(36,189,85)
```
#248cbd
```
#248cbd rgb(36,140,189)
```

Tetradic Color

#7d3818
```
#7d3818 rgb(125,56,24)
```
#92421c
```
#92421c rgb(146,66,28)
```
#a84b20
```
#a84b20 rgb(168,75,32)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#d25f28
```
#d25f28 rgb(210,95,40)
```
#da6d3a
```
#da6d3a rgb(218,109,58)
```
#de7d50
```
#de7d50 rgb(222,125,80)
```

Monochromatic Color

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

#bd2f24
```
#bd2f24 rgb(189,47,36)
```
#bd3c24
```
#bd3c24 rgb(189,60,36)
```
#bd4824
```
#bd4824 rgb(189,72,36)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#bd6224
```
#bd6224 rgb(189,98,36)
```
#bd6f24
```
#bd6f24 rgb(189,111,36)
```
#bd7b24
```
#bd7b24 rgb(189,123,36)
```

Similar Colors

Text with hexadecimal color #bd5524

This text has a font color of #bd5524.

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

#bd5524 background color

This paragraph has a background color of #bd5524.

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

#bd5524 border color

This element has a border color of #bd5524.

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

CSS codes

.text {color:#bd5524;}

.background {background-color:#bd5524;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#180b05
```
#180b05 rgb(24,11,5)
```
#291208
```
#291208 rgb(41,18,8)
```
#391a0b
```
#391a0b rgb(57,26,11)
```
#4a210e
```
#4a210e rgb(74,33,14)
```
#5a2911
```
#5a2911 rgb(90,41,17)
```
#6b3014
```
#6b3014 rgb(107,48,20)
```
#7b3717
```
#7b3717 rgb(123,55,23)
```
#8c3f1b
```
#8c3f1b rgb(140,63,27)
```
#9c461e
```
#9c461e rgb(156,70,30)
```
#ad4e21
```
#ad4e21 rgb(173,78,33)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#cd5c27
```
#cd5c27 rgb(205,92,39)
```

Shade Color Variation

#d86631
```
#d86631 rgb(216,102,49)
```
#db7241
```
#db7241 rgb(219,114,65)
```
#de7e52
```
#de7e52 rgb(222,126,82)
```
#e18b62
```
#e18b62 rgb(225,139,98)
```
#e49772
```
#e49772 rgb(228,151,114)
```
#e7a383
```
#e7a383 rgb(231,163,131)
```
#ebaf93
```
#ebaf93 rgb(235,175,147)
```
#eebca4
```
#eebca4 rgb(238,188,164)
```
#f1c8b4
```
#f1c8b4 rgb(241,200,180)
```
#f4d4c5
```
#f4d4c5 rgb(244,212,197)
```
#f7e0d5
```
#f7e0d5 rgb(247,224,213)
```
#faece6
```
#faece6 rgb(250,236,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#786e69
```
#786e69 rgb(120,110,105)
```
#806b61
```
#806b61 rgb(128,107,97)
```
#896858
```
#896858 rgb(137,104,88)
```
#92654f
```
#92654f rgb(146,101,79)
```
#9a6147
```
#9a6147 rgb(154,97,71)
```
#a35e3e
```
#a35e3e rgb(163,94,62)
```
#ac5b35
```
#ac5b35 rgb(172,91,53)
```
#b4582d
```
#b4582d rgb(180,88,45)
```
#bd5524
```
#bd5524 rgb(189,85,36)
```
#c6521b
```
#c6521b rgb(198,82,27)
```
#ce4f13
```
#ce4f13 rgb(206,79,19)
```
#d74c0a
```
#d74c0a rgb(215,76,10)
```
#e04901
```
#e04901 rgb(224,73,1)
```

Tone Color Variation

Below, you can see how #bd5524 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
#7f6a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b37 Protanopia 1% of men
#997526 Deuteranopia 1% of men
#c2585e Tritanopia 0.001% of the population

Trichromacy

#9b6d30 Protanomaly 1% of men, 0.01% of women
#a66925 Deuteranomaly 6% of men, 0.4% of women
#c05749 Tritanomaly 0.01% of the population

#bd5524 hex color

#bd5524 Color Information

#bd5524 Color Conversion

Color Schemes with #bd5524

Alternatives to #bd5524

#bd5524 Preview

Shades and Tints of #bd5524

Tones of #bd5524

Color Blindness Simulator