#bd5a24 hex color

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

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

● #bd5a24 color description : Strong orange.

The hexadecimal color #bd5a24 has RGB values of R:189, G:90, B:36 and CMYK values of C:0, M:0.52, Y:0.81, K:0.26. Its decimal value is 12409380.

Hex triplet	bd5a24	`#bd5a24`
RGB Decimal	189, 90, 36	`rgb(189,90,36)`
RGB Percent	74.1, 35.3, 14.1	`rgb(74.1%,35.3%,14.1%)`
CMYK	0, 52, 81, 26
HSL	21.2°, 68, 44.1	`hsl(21.2,68%,44.1%)`
HSV (or HSB)	21.2°, 81, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.811, 36.528, 47.657
XYZ	24.962, 18.261, 3.879
xyY	0.53, 0.388, 18.261
CIE-LCH	49.811, 60.046, 52.531
CIE-LUV	49.811, 80.111, 39.463
Hunter-Lab	42.733, 29.486, 24.531
Binary	10111101, 01011010, 00100100

#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#2487bd
```
#2487bd rgb(36,135,189)
```

Complementary Color

#bd243a
```
#bd243a rgb(189,36,58)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#bda724
```
#bda724 rgb(189,167,36)
```

Analogous Color

#243abd
```
#243abd rgb(36,58,189)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#24bda7
```
#24bda7 rgb(36,189,167)
```

Split Complementary Color

#5a24bd
```
#5a24bd rgb(90,36,189)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#24bd5a
```
#24bd5a rgb(36,189,90)
```

Triadic Color

#bd2487
```
#bd2487 rgb(189,36,135)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#24bd5a
```
#24bd5a rgb(36,189,90)
```
#2487bd
```
#2487bd rgb(36,135,189)
```

Tetradic Color

#7d3b18
```
#7d3b18 rgb(125,59,24)
```
#92461c
```
#92461c rgb(146,70,28)
```
#a85020
```
#a85020 rgb(168,80,32)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#d26428
```
#d26428 rgb(210,100,40)
```
#da733a
```
#da733a rgb(218,115,58)
```
#de8250
```
#de8250 rgb(222,130,80)
```

Monochromatic Color

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

#bd3424
```
#bd3424 rgb(189,52,36)
```
#bd4124
```
#bd4124 rgb(189,65,36)
```
#bd4d24
```
#bd4d24 rgb(189,77,36)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#bd6724
```
#bd6724 rgb(189,103,36)
```
#bd7424
```
#bd7424 rgb(189,116,36)
```
#bd8024
```
#bd8024 rgb(189,128,36)
```

Similar Colors

Text with hexadecimal color #bd5a24

This text has a font color of #bd5a24.

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

#bd5a24 background color

This paragraph has a background color of #bd5a24.

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

#bd5a24 border color

This element has a border color of #bd5a24.

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

CSS codes

.text {color:#bd5a24;}

.background {background-color:#bd5a24;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#180c05
```
#180c05 rgb(24,12,5)
```
#291308
```
#291308 rgb(41,19,8)
```
#391b0b
```
#391b0b rgb(57,27,11)
```
#4a230e
```
#4a230e rgb(74,35,14)
```
#5a2b11
```
#5a2b11 rgb(90,43,17)
```
#6b3314
```
#6b3314 rgb(107,51,20)
```
#7b3b17
```
#7b3b17 rgb(123,59,23)
```
#8c421b
```
#8c421b rgb(140,66,27)
```
#9c4a1e
```
#9c4a1e rgb(156,74,30)
```
#ad5221
```
#ad5221 rgb(173,82,33)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#cd6227
```
#cd6227 rgb(205,98,39)
```

Shade Color Variation

#d86c31
```
#d86c31 rgb(216,108,49)
```
#db7741
```
#db7741 rgb(219,119,65)
```
#de8352
```
#de8352 rgb(222,131,82)
```
#e18f62
```
#e18f62 rgb(225,143,98)
```
#e49b72
```
#e49b72 rgb(228,155,114)
```
#e7a683
```
#e7a683 rgb(231,166,131)
```
#ebb293
```
#ebb293 rgb(235,178,147)
```
#eebea4
```
#eebea4 rgb(238,190,164)
```
#f1cab4
```
#f1cab4 rgb(241,202,180)
```
#f4d5c5
```
#f4d5c5 rgb(244,213,197)
```
#f7e1d5
```
#f7e1d5 rgb(247,225,213)
```
#faede6
```
#faede6 rgb(250,237,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 #e05001 is the most saturated one.

#786e69
```
#786e69 rgb(120,110,105)
```
#806c61
```
#806c61 rgb(128,108,97)
```
#896958
```
#896958 rgb(137,105,88)
```
#92674f
```
#92674f rgb(146,103,79)
```
#9a6447
```
#9a6447 rgb(154,100,71)
```
#a3623e
```
#a3623e rgb(163,98,62)
```
#ac5f35
```
#ac5f35 rgb(172,95,53)
```
#b45d2d
```
#b45d2d rgb(180,93,45)
```
#bd5a24
```
#bd5a24 rgb(189,90,36)
```
#c6571b
```
#c6571b rgb(198,87,27)
```
#ce5513
```
#ce5513 rgb(206,85,19)
```
#d7520a
```
#d7520a rgb(215,82,10)
```
#e05001
```
#e05001 rgb(224,80,1)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d36 Protanopia 1% of men
#9c7727 Deuteranopia 1% of men
#c25d62 Tritanopia 0.001% of the population

Trichromacy

#9d702f Protanomaly 1% of men, 0.01% of women
#a86c26 Deuteranomaly 6% of men, 0.4% of women
#c05b4c Tritanomaly 0.01% of the population

#bd5a24 hex color

#bd5a24 Color Information

#bd5a24 Color Conversion

Color Schemes with #bd5a24

Alternatives to #bd5a24

#bd5a24 Preview

Shades and Tints of #bd5a24

Tones of #bd5a24

Color Blindness Simulator