colorhexa.com

#bd7317 hex color

In a RGB color space, hex #bd7317 is composed of 74.1% red, 45.1% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 87.8% yellow and 25.9% black. It has a hue angle of 33.3 degrees, a saturation of 78.3% and a lightness of 41.6%. #bd7317 color hex could be obtained by blending #ffe62e with #7b0000. Closest websafe color is: #cc6600.

- R 74
- G 45
- B 9
RGB color chart
- C 0
- M 39
- Y 88
- K 26
CMYK color chart

● #bd7317 color description : Strong orange.

The hexadecimal color #bd7317 has RGB values of R:189, G:115, B:23 and CMYK values of C:0, M:0.39, Y:0.88, K:0.26. Its decimal value is 12415767.

Hex triplet	bd7317	`#bd7317`
RGB Decimal	189, 115, 23	`rgb(189,115,23)`
RGB Percent	74.1, 45.1, 9	`rgb(74.1%,45.1%,9%)`
CMYK	0, 39, 88, 26
HSL	33.3°, 78.3, 41.6	`hsl(33.3,78.3%,41.6%)`
HSV (or HSB)	33.3°, 87.8, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.221, 22.8, 57.198
XYZ	27.272, 23.144, 3.842
xyY	0.503, 0.427, 23.144
CIE-LCH	55.221, 61.575, 68.267
CIE-LUV	55.221, 60.879, 51.221
Hunter-Lab	48.108, 17.001, 28.941
Binary	10111101, 01110011, 00010111

#bd7317
```
#bd7317 rgb(189,115,23)
```
#1761bd
```
#1761bd rgb(23,97,189)
```

Complementary Color

#bd2017
```
#bd2017 rgb(189,32,23)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#b4bd17
```
#b4bd17 rgb(180,189,23)
```

Analogous Color

#2017bd
```
#2017bd rgb(32,23,189)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#17b4bd
```
#17b4bd rgb(23,180,189)
```

Split Complementary Color

#7317bd
```
#7317bd rgb(115,23,189)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#17bd73
```
#17bd73 rgb(23,189,115)
```

Triadic Color

#bd1761
```
#bd1761 rgb(189,23,97)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#17bd73
```
#17bd73 rgb(23,189,115)
```
#1761bd
```
#1761bd rgb(23,97,189)
```

Tetradic Color

#794a0f
```
#794a0f rgb(121,74,15)
```
#905711
```
#905711 rgb(144,87,17)
```
#a66514
```
#a66514 rgb(166,101,20)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#d4811a
```
#d4811a rgb(212,129,26)
```
#e48e23
```
#e48e23 rgb(228,142,35)
```
#e79a3a
```
#e79a3a rgb(231,154,58)
```

Monochromatic Color

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

#bd4917
```
#bd4917 rgb(189,73,23)
```
#bd5717
```
#bd5717 rgb(189,87,23)
```
#bd6517
```
#bd6517 rgb(189,101,23)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#bd8117
```
#bd8117 rgb(189,129,23)
```
#bd8f17
```
#bd8f17 rgb(189,143,23)
```
#bd9d17
```
#bd9d17 rgb(189,157,23)
```

Similar Colors

Text with hexadecimal color #bd7317

This text has a font color of #bd7317.

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

#bd7317 background color

This paragraph has a background color of #bd7317.

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

#bd7317 border color

This element has a border color of #bd7317.

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

CSS codes

.text {color:#bd7317;}

.background {background-color:#bd7317;}

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

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

#0e0902
```
#0e0902 rgb(14,9,2)
```
#201304
```
#201304 rgb(32,19,4)
```
#311e06
```
#311e06 rgb(49,30,6)
```
#432908
```
#432908 rgb(67,41,8)
```
#54330a
```
#54330a rgb(84,51,10)
```
#663e0c
```
#663e0c rgb(102,62,12)
```
#77480e
```
#77480e rgb(119,72,14)
```
#895311
```
#895311 rgb(137,83,17)
```
#9a5e13
```
#9a5e13 rgb(154,94,19)
```
#ac6815
```
#ac6815 rgb(172,104,21)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#ce7e19
```
#ce7e19 rgb(206,126,25)
```
#e0881b
```
#e0881b rgb(224,136,27)
```

Shade Color Variation

#e5922a
```
#e5922a rgb(229,146,42)
```
#e79b3b
```
#e79b3b rgb(231,155,59)
```
#e9a44d
```
#e9a44d rgb(233,164,77)
```
#ebad5e
```
#ebad5e rgb(235,173,94)
```
#eeb570
```
#eeb570 rgb(238,181,112)
```
#f0be81
```
#f0be81 rgb(240,190,129)
```
#f2c793
```
#f2c793 rgb(242,199,147)
```
#f4d0a4
```
#f4d0a4 rgb(244,208,164)
```
#f6d9b6
```
#f6d9b6 rgb(246,217,182)
```
#f8e2c7
```
#f8e2c7 rgb(248,226,199)
```
#faebd9
```
#faebd9 rgb(250,235,217)
```
#fcf4ea
```
#fcf4ea rgb(252,244,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#6b6a69
```
#6b6a69 rgb(107,106,105)
```
#746b60
```
#746b60 rgb(116,107,96)
```
#7c6c58
```
#7c6c58 rgb(124,108,88)
```
#846d50
```
#846d50 rgb(132,109,80)
```
#8c6e48
```
#8c6e48 rgb(140,110,72)
```
#946f40
```
#946f40 rgb(148,111,64)
```
#9c6f38
```
#9c6f38 rgb(156,111,56)
```
#a5702f
```
#a5702f rgb(165,112,47)
```
#ad7127
```
#ad7127 rgb(173,113,39)
```
#b5721f
```
#b5721f rgb(181,114,31)
```
#bd7317
```
#bd7317 rgb(189,115,23)
```
#c5740f
```
#c5740f rgb(197,116,15)
```
#cd7507
```
#cd7507 rgb(205,117,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a27 Protanopia 1% of men
#ad831c Deuteranopia 1% of men
#c4727a Tritanopia 0.001% of the population

Trichromacy

#a78221 Protanomaly 1% of men, 0.01% of women
#b27d1a Deuteranomaly 6% of men, 0.4% of women
#c27256 Tritanomaly 0.01% of the population