colorhexa.com

#bd501e hex color

In a RGB color space, hex #bd501e is composed of 74.1% red, 31.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 84.1% yellow and 25.9% black. It has a hue angle of 18.9 degrees, a saturation of 72.6% and a lightness of 42.9%. #bd501e color hex could be obtained by blending #ffa03c with #7b0000. Closest websafe color is: #cc6633.

- R 74
- G 31
- B 12
RGB color chart
- C 0
- M 58
- Y 84
- K 26
CMYK color chart

● #bd501e color description : Strong orange.

The hexadecimal color #bd501e has RGB values of R:189, G:80, B:30 and CMYK values of C:0, M:0.58, Y:0.84, K:0.26. Its decimal value is 12406814.

Hex triplet	bd501e	`#bd501e`
RGB Decimal	189, 80, 30	`rgb(189,80,30)`
RGB Percent	74.1, 31.4, 11.8	`rgb(74.1%,31.4%,11.8%)`
CMYK	0, 58, 84, 26
HSL	18.9°, 72.6, 42.9	`hsl(18.9,72.6%,42.9%)`
HSV (or HSB)	18.9°, 84.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.819, 41.343, 48.481
XYZ	24.09, 16.652, 3.174
xyY	0.549, 0.379, 16.652
CIE-LCH	47.819, 63.715, 49.543
CIE-LUV	47.819, 88.386, 37.611
Hunter-Lab	40.807, 33.963, 23.954
Binary	10111101, 01010000, 00011110

#bd501e
```
#bd501e rgb(189,80,30)
```
#1e8bbd
```
#1e8bbd rgb(30,139,189)
```

Complementary Color

#bd1e3c
```
#bd1e3c rgb(189,30,60)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#bda01e
```
#bda01e rgb(189,160,30)
```

Analogous Color

#1e3cbd
```
#1e3cbd rgb(30,60,189)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#1ebda0
```
#1ebda0 rgb(30,189,160)
```

Split Complementary Color

#501ebd
```
#501ebd rgb(80,30,189)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#1ebd50
```
#1ebd50 rgb(30,189,80)
```

Triadic Color

#bd1e8b
```
#bd1e8b rgb(189,30,139)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#1ebd50
```
#1ebd50 rgb(30,189,80)
```
#1e8bbd
```
#1e8bbd rgb(30,139,189)
```

Tetradic Color

#7b3414
```
#7b3414 rgb(123,52,20)
```
#913d17
```
#913d17 rgb(145,61,23)
```
#a7471b
```
#a7471b rgb(167,71,27)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#d35921
```
#d35921 rgb(211,89,33)
```
#de6730
```
#de6730 rgb(222,103,48)
```
#e27746
```
#e27746 rgb(226,119,70)
```

Monochromatic Color

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

#bd281e
```
#bd281e rgb(189,40,30)
```
#bd361e
```
#bd361e rgb(189,54,30)
```
#bd431e
```
#bd431e rgb(189,67,30)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#bd5d1e
```
#bd5d1e rgb(189,93,30)
```
#bd6b1e
```
#bd6b1e rgb(189,107,30)
```
#bd781e
```
#bd781e rgb(189,120,30)
```

Similar Colors

Text with hexadecimal color #bd501e

This text has a font color of #bd501e.

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

#bd501e background color

This paragraph has a background color of #bd501e.

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

#bd501e border color

This element has a border color of #bd501e.

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

CSS codes

.text {color:#bd501e;}

.background {background-color:#bd501e;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140803
```
#140803 rgb(20,8,3)
```
#251006
```
#251006 rgb(37,16,6)
```
#361709
```
#361709 rgb(54,23,9)
```
#471e0b
```
#471e0b rgb(71,30,11)
```
#57250e
```
#57250e rgb(87,37,14)
```
#682c11
```
#682c11 rgb(104,44,17)
```
#793313
```
#793313 rgb(121,51,19)
```
#8a3b16
```
#8a3b16 rgb(138,59,22)
```
#9b4219
```
#9b4219 rgb(155,66,25)
```
#ac491b
```
#ac491b rgb(172,73,27)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#ce5721
```
#ce5721 rgb(206,87,33)
```

Shade Color Variation

#dd5f26
```
#dd5f26 rgb(221,95,38)
```
#df6c37
```
#df6c37 rgb(223,108,55)
```
#e27848
```
#e27848 rgb(226,120,72)
```
#e58559
```
#e58559 rgb(229,133,89)
```
#e79169
```
#e79169 rgb(231,145,105)
```
#ea9d7a
```
#ea9d7a rgb(234,157,122)
```
#edaa8b
```
#edaa8b rgb(237,170,139)
```
#efb69c
```
#efb69c rgb(239,182,156)
```
#f2c3ad
```
#f2c3ad rgb(242,195,173)
```
#f5cfbe
```
#f5cfbe rgb(245,207,190)
```
#f7dccf
```
#f7dccf rgb(247,220,207)
```
#fae8e0
```
#fae8e0 rgb(250,232,224)
```
#fdf5f1
```
#fdf5f1 rgb(253,245,241)
```

Tint Color Variation

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

#716c6a
```
#716c6a rgb(113,108,106)
```
#7a6961
```
#7a6961 rgb(122,105,97)
```
#826659
```
#826659 rgb(130,102,89)
```
#8a6351
```
#8a6351 rgb(138,99,81)
```
#936048
```
#936048 rgb(147,96,72)
```
#9b5d40
```
#9b5d40 rgb(155,93,64)
```
#a45937
```
#a45937 rgb(164,89,55)
```
#ac562f
```
#ac562f rgb(172,86,47)
```
#b55326
```
#b55326 rgb(181,83,38)
```
#bd501e
```
#bd501e rgb(189,80,30)
```
#c54d16
```
#c54d16 rgb(197,77,22)
```
#ce4a0d
```
#ce4a0d rgb(206,74,13)
```
#d64705
```
#d64705 rgb(214,71,5)
```

Tone Color Variation

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

Dichromacy

#867931 Protanopia 1% of men
#96731e Deuteranopia 1% of men
#c25459 Tritanopia 0.001% of the population

Trichromacy

#9a6a2a Protanomaly 1% of men, 0.01% of women
#a4661e Deuteranomaly 6% of men, 0.4% of women
#c05243 Tritanomaly 0.01% of the population