#bd5218 hex color

In a RGB color space, hex #bd5218 is composed of 74.1% red, 32.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.6% magenta, 87.3% yellow and 25.9% black. It has a hue angle of 21.1 degrees, a saturation of 77.5% and a lightness of 41.8%. #bd5218 color hex could be obtained by blending #ffa430 with #7b0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 74
- G 32
- B 9
RGB color chart
- C 0
- M 57
- Y 87
- K 26
CMYK color chart

● #bd5218 color description : Strong orange.

The hexadecimal color #bd5218 has RGB values of R:189, G:82, B:24 and CMYK values of C:0, M:0.57, Y:0.87, K:0.26. Its decimal value is 12407320.

Hex triplet	bd5218	`#bd5218`
RGB Decimal	189, 82, 24	`rgb(189,82,24)`
RGB Percent	74.1, 32.2, 9.4	`rgb(74.1%,32.2%,9.4%)`
CMYK	0, 57, 87, 26
HSL	21.1°, 77.5, 41.8	`hsl(21.1,77.5%,41.8%)`
HSV (or HSB)	21.1°, 87.3, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.161, 40.214, 51.188
XYZ	24.169, 16.922, 2.858
xyY	0.55, 0.385, 16.922
CIE-LCH	48.161, 65.095, 51.846
CIE-LUV	48.161, 87.355, 39.513
Hunter-Lab	41.136, 32.889, 24.677
Binary	10111101, 01010010, 00011000

#bd5218
```
#bd5218 rgb(189,82,24)
```
#1883bd
```
#1883bd rgb(24,131,189)
```

Complementary Color

#bd1831
```
#bd1831 rgb(189,24,49)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#bda518
```
#bda518 rgb(189,165,24)
```

Analogous Color

#1831bd
```
#1831bd rgb(24,49,189)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#18bda5
```
#18bda5 rgb(24,189,165)
```

Split Complementary Color

#5218bd
```
#5218bd rgb(82,24,189)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#18bd52
```
#18bd52 rgb(24,189,82)
```

Triadic Color

#bd1883
```
#bd1883 rgb(189,24,131)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#18bd52
```
#18bd52 rgb(24,189,82)
```
#1883bd
```
#1883bd rgb(24,131,189)
```

Tetradic Color

#79350f
```
#79350f rgb(121,53,15)
```
#903e12
```
#903e12 rgb(144,62,18)
```
#a64815
```
#a64815 rgb(166,72,21)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#d45c1b
```
#d45c1b rgb(212,92,27)
```
#e36825
```
#e36825 rgb(227,104,37)
```
#e6773b
```
#e6773b rgb(230,119,59)
```

Monochromatic Color

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

#bd2918
```
#bd2918 rgb(189,41,24)
```
#bd3718
```
#bd3718 rgb(189,55,24)
```
#bd4418
```
#bd4418 rgb(189,68,24)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#bd6018
```
#bd6018 rgb(189,96,24)
```
#bd6e18
```
#bd6e18 rgb(189,110,24)
```
#bd7b18
```
#bd7b18 rgb(189,123,24)
```

Similar Colors

Text with hexadecimal color #bd5218

This text has a font color of #bd5218.

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

#bd5218 background color

This paragraph has a background color of #bd5218.

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

#bd5218 border color

This element has a border color of #bd5218.

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

CSS codes

.text {color:#bd5218;}

.background {background-color:#bd5218;}

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

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, #0f0602 is the darkest color, while #fffdfd is the lightest one.

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200e04
```
#200e04 rgb(32,14,4)
```
#321606
```
#321606 rgb(50,22,6)
```
#431d09
```
#431d09 rgb(67,29,9)
```
#55250b
```
#55250b rgb(85,37,11)
```
#662c0d
```
#662c0d rgb(102,44,13)
```
#77340f
```
#77340f rgb(119,52,15)
```
#893b11
```
#893b11 rgb(137,59,17)
```
#9a4314
```
#9a4314 rgb(154,67,20)
```
#ac4a16
```
#ac4a16 rgb(172,74,22)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#ce5a1a
```
#ce5a1a rgb(206,90,26)
```
#e0611c
```
#e0611c rgb(224,97,28)
```

Shade Color Variation

#e46d2c
```
#e46d2c rgb(228,109,44)
```
#e6793d
```
#e6793d rgb(230,121,61)
```
#e9854e
```
#e9854e rgb(233,133,78)
```
#eb9160
```
#eb9160 rgb(235,145,96)
```
#ed9d71
```
#ed9d71 rgb(237,157,113)
```
#efa983
```
#efa983 rgb(239,169,131)
```
#f1b594
```
#f1b594 rgb(241,181,148)
```
#f4c1a6
```
#f4c1a6 rgb(244,193,166)
```
#f6cdb7
```
#f6cdb7 rgb(246,205,183)
```
#f8d9c8
```
#f8d9c8 rgb(248,217,200)
```
#fae5da
```
#fae5da rgb(250,229,218)
```
#fcf1eb
```
#fcf1eb rgb(252,241,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#6b6a6a
```
#6b6a6a rgb(107,106,106)
```
#736862
```
#736862 rgb(115,104,98)
```
#7b655a
```
#7b655a rgb(123,101,90)
```
#846351
```
#846351 rgb(132,99,81)
```
#8c6149
```
#8c6149 rgb(140,97,73)
```
#945e41
```
#945e41 rgb(148,94,65)
```
#9c5c39
```
#9c5c39 rgb(156,92,57)
```
#a45931
```
#a45931 rgb(164,89,49)
```
#ad5728
```
#ad5728 rgb(173,87,40)
```
#b55420
```
#b55420 rgb(181,84,32)
```
#bd5218
```
#bd5218 rgb(189,82,24)
```
#c55010
```
#c55010 rgb(197,80,16)
```
#cd4d08
```
#cd4d08 rgb(205,77,8)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#87792b Protanopia 1% of men
#987316 Deuteranopia 1% of men
#c2555a Tritanopia 0.001% of the population

Trichromacy

#9a6b24 Protanomaly 1% of men, 0.01% of women
#a56716 Deuteranomaly 6% of men, 0.4% of women
#c05442 Tritanomaly 0.01% of the population

#bd5218 hex color

#bd5218 Color Information

#bd5218 Color Conversion

Color Schemes with #bd5218

Alternatives to #bd5218

#bd5218 Preview

Shades and Tints of #bd5218

Tones of #bd5218

Color Blindness Simulator