#bd5523 hex color

In a RGB color space, hex #bd5523 is composed of 74.1% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 81.5% yellow and 25.9% black. It has a hue angle of 19.5 degrees, a saturation of 68.8% and a lightness of 43.9%. #bd5523 color hex could be obtained by blending #ffaa46 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

● #bd5523 color description : Strong orange.

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

Hex triplet	bd5523	`#bd5523`
RGB Decimal	189, 85, 35	`rgb(189,85,35)`
RGB Percent	74.1, 33.3, 13.7	`rgb(74.1%,33.3%,13.7%)`
CMYK	0, 55, 81, 26
HSL	19.5°, 68.8, 43.9	`hsl(19.5,68.8%,43.9%)`
HSV (or HSB)	19.5°, 81.5, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.809, 39.028, 47.17
XYZ	24.539, 17.44, 3.664
xyY	0.538, 0.382, 17.44
CIE-LCH	48.809, 61.223, 50.396
CIE-LUV	48.809, 84.083, 38.017
Hunter-Lab	41.761, 31.807, 24.031
Binary	10111101, 01010101, 00100011

#bd5523
```
#bd5523 rgb(189,85,35)
```
#238bbd
```
#238bbd rgb(35,139,189)
```

Complementary Color

#bd233e
```
#bd233e rgb(189,35,62)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#bda223
```
#bda223 rgb(189,162,35)
```

Analogous Color

#233ebd
```
#233ebd rgb(35,62,189)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#23bda2
```
#23bda2 rgb(35,189,162)
```

Split Complementary Color

#5523bd
```
#5523bd rgb(85,35,189)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#23bd55
```
#23bd55 rgb(35,189,85)
```

Triadic Color

#bd238b
```
#bd238b rgb(189,35,139)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#23bd55
```
#23bd55 rgb(35,189,85)
```
#238bbd
```
#238bbd rgb(35,139,189)
```

Tetradic Color

#7c3817
```
#7c3817 rgb(124,56,23)
```
#92421b
```
#92421b rgb(146,66,27)
```
#a74b1f
```
#a74b1f rgb(167,75,31)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#d35f27
```
#d35f27 rgb(211,95,39)
```
#da6d39
```
#da6d39 rgb(218,109,57)
```
#de7d4e
```
#de7d4e rgb(222,125,78)
```

Monochromatic Color

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

#bd2f23
```
#bd2f23 rgb(189,47,35)
```
#bd3b23
```
#bd3b23 rgb(189,59,35)
```
#bd4823
```
#bd4823 rgb(189,72,35)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#bd6223
```
#bd6223 rgb(189,98,35)
```
#bd6f23
```
#bd6f23 rgb(189,111,35)
```
#bd7c23
```
#bd7c23 rgb(189,124,35)
```

Similar Colors

Text with hexadecimal color #bd5523

This text has a font color of #bd5523.

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

#bd5523 background color

This paragraph has a background color of #bd5523.

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

#bd5523 border color

This element has a border color of #bd5523.

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

CSS codes

.text {color:#bd5523;}

.background {background-color:#bd5523;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#170b04
```
#170b04 rgb(23,11,4)
```
#281207
```
#281207 rgb(40,18,7)
```
#39190a
```
#39190a rgb(57,25,10)
```
#49210e
```
#49210e rgb(73,33,14)
```
#5a2811
```
#5a2811 rgb(90,40,17)
```
#6a3014
```
#6a3014 rgb(106,48,20)
```
#7b3717
```
#7b3717 rgb(123,55,23)
```
#8b3f1a
```
#8b3f1a rgb(139,63,26)
```
#9c461d
```
#9c461d rgb(156,70,29)
```
#ac4e20
```
#ac4e20 rgb(172,78,32)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#ce5c26
```
#ce5c26 rgb(206,92,38)
```

Shade Color Variation

#d8662f
```
#d8662f rgb(216,102,47)
```
#dc723f
```
#dc723f rgb(220,114,63)
```
#df7e50
```
#df7e50 rgb(223,126,80)
```
#e28a60
```
#e28a60 rgb(226,138,96)
```
#e59771
```
#e59771 rgb(229,151,113)
```
#e8a382
```
#e8a382 rgb(232,163,130)
```
#ebaf92
```
#ebaf92 rgb(235,175,146)
```
#eebba3
```
#eebba3 rgb(238,187,163)
```
#f1c7b3
```
#f1c7b3 rgb(241,199,179)
```
#f4d3c4
```
#f4d3c4 rgb(244,211,196)
```
#f7e0d4
```
#f7e0d4 rgb(247,224,212)
```
#faece5
```
#faece5 rgb(250,236,229)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#786d68
```
#786d68 rgb(120,109,104)
```
#816a5f
```
#816a5f rgb(129,106,95)
```
#896757
```
#896757 rgb(137,103,87)
```
#92644e
```
#92644e rgb(146,100,78)
```
#9b6145
```
#9b6145 rgb(155,97,69)
```
#a35e3d
```
#a35e3d rgb(163,94,61)
```
#ac5b34
```
#ac5b34 rgb(172,91,52)
```
#b4582c
```
#b4582c rgb(180,88,44)
```
#bd5523
```
#bd5523 rgb(189,85,35)
```
#c6521a
```
#c6521a rgb(198,82,26)
```
#ce4f12
```
#ce4f12 rgb(206,79,18)
```
#d74c09
```
#d74c09 rgb(215,76,9)
```
#df4901
```
#df4901 rgb(223,73,1)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7e695f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b36 Protanopia 1% of men
#997525 Deuteranopia 1% of men
#c2585e Tritanopia 0.001% of the population

Trichromacy

#9b6d2f Protanomaly 1% of men, 0.01% of women
#a66924 Deuteranomaly 6% of men, 0.4% of women
#c05748 Tritanomaly 0.01% of the population

#bd5523 hex color

#bd5523 Color Information

#bd5523 Color Conversion

Color Schemes with #bd5523

Alternatives to #bd5523

#bd5523 Preview

Shades and Tints of #bd5523

Tones of #bd5523

Color Blindness Simulator