#bd4316 hex color

In a RGB color space, hex #bd4316 is composed of 74.1% red, 26.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.6% magenta, 88.4% yellow and 25.9% black. It has a hue angle of 16.2 degrees, a saturation of 79.1% and a lightness of 41.4%. #bd4316 color hex could be obtained by blending #ff862c with #7b0000. Closest websafe color is: #cc3300.

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

● #bd4316 color description : Strong orange.

The hexadecimal color #bd4316 has RGB values of R:189, G:67, B:22 and CMYK values of C:0, M:0.65, Y:0.88, K:0.26. Its decimal value is 12403478.

Hex triplet	bd4316	`#bd4316`
RGB Decimal	189, 67, 22	`rgb(189,67,22)`
RGB Percent	74.1, 26.3, 8.6	`rgb(74.1%,26.3%,8.6%)`
CMYK	0, 65, 88, 26
HSL	16.2°, 79.1, 41.4	`hsl(16.2,79.1%,41.4%)`
HSV (or HSB)	16.2°, 88.4, 74.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.488, 47.17, 49.818
XYZ	23.139, 14.894, 2.415
xyY	0.572, 0.368, 14.894
CIE-LCH	45.488, 68.607, 46.564
CIE-LUV	45.488, 98.672, 35.379
Hunter-Lab	38.592, 39.489, 23.304
Binary	10111101, 01000011, 00010110

#bd4316
```
#bd4316 rgb(189,67,22)
```
#1690bd
```
#1690bd rgb(22,144,189)
```

Complementary Color

#bd163d
```
#bd163d rgb(189,22,61)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#bd9716
```
#bd9716 rgb(189,151,22)
```

Analogous Color

#163dbd
```
#163dbd rgb(22,61,189)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#16bd97
```
#16bd97 rgb(22,189,151)
```

Split Complementary Color

#4316bd
```
#4316bd rgb(67,22,189)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#16bd43
```
#16bd43 rgb(22,189,67)
```

Triadic Color

#bd1690
```
#bd1690 rgb(189,22,144)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#16bd43
```
#16bd43 rgb(22,189,67)
```
#1690bd
```
#1690bd rgb(22,144,189)
```

Tetradic Color

#782b0e
```
#782b0e rgb(120,43,14)
```
#8f3311
```
#8f3311 rgb(143,51,17)
```
#a63b13
```
#a63b13 rgb(166,59,19)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#d44b19
```
#d44b19 rgb(212,75,25)
```
#e55621
```
#e55621 rgb(229,86,33)
```
#e86738
```
#e86738 rgb(232,103,56)
```

Monochromatic Color

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

#bd1916
```
#bd1916 rgb(189,25,22)
```
#bd2716
```
#bd2716 rgb(189,39,22)
```
#bd3516
```
#bd3516 rgb(189,53,22)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#bd5116
```
#bd5116 rgb(189,81,22)
```
#bd5f16
```
#bd5f16 rgb(189,95,22)
```
#bd6d16
```
#bd6d16 rgb(189,109,22)
```

Similar Colors

Text with hexadecimal color #bd4316

This text has a font color of #bd4316.

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

#bd4316 background color

This paragraph has a background color of #bd4316.

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

#bd4316 border color

This element has a border color of #bd4316.

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

CSS codes

.text {color:#bd4316;}

.background {background-color:#bd4316;}

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

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

#0d0502
```
#0d0502 rgb(13,5,2)
```
#1f0b04
```
#1f0b04 rgb(31,11,4)
```
#301106
```
#301106 rgb(48,17,6)
```
#421708
```
#421708 rgb(66,23,8)
```
#541e0a
```
#541e0a rgb(84,30,10)
```
#65240c
```
#65240c rgb(101,36,12)
```
#772a0e
```
#772a0e rgb(119,42,14)
```
#883010
```
#883010 rgb(136,48,16)
```
#9a3712
```
#9a3712 rgb(154,55,18)
```
#ab3d14
```
#ab3d14 rgb(171,61,20)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#cf4918
```
#cf4918 rgb(207,73,24)
```
#e04f1a
```
#e04f1a rgb(224,79,26)
```

Shade Color Variation

#e65b28
```
#e65b28 rgb(230,91,40)
```
#e86839
```
#e86839 rgb(232,104,57)
```
#ea764b
```
#ea764b rgb(234,118,75)
```
#ec835d
```
#ec835d rgb(236,131,93)
```
#ee916e
```
#ee916e rgb(238,145,110)
```
#f09e80
```
#f09e80 rgb(240,158,128)
```
#f2ab91
```
#f2ab91 rgb(242,171,145)
```
#f4b9a3
```
#f4b9a3 rgb(244,185,163)
```
#f6c6b4
```
#f6c6b4 rgb(246,198,180)
```
#f8d4c6
```
#f8d4c6 rgb(248,212,198)
```
#fae1d8
```
#fae1d8 rgb(250,225,216)
```
#fceee9
```
#fceee9 rgb(252,238,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#6c6867
```
#6c6867 rgb(108,104,103)
```
#74655f
```
#74655f rgb(116,101,95)
```
#7c6157
```
#7c6157 rgb(124,97,87)
```
#845d4f
```
#845d4f rgb(132,93,79)
```
#8c5947
```
#8c5947 rgb(140,89,71)
```
#94563f
```
#94563f rgb(148,86,63)
```
#9d5236
```
#9d5236 rgb(157,82,54)
```
#a54e2e
```
#a54e2e rgb(165,78,46)
```
#ad4a26
```
#ad4a26 rgb(173,74,38)
```
#b5471e
```
#b5471e rgb(181,71,30)
```
#bd4316
```
#bd4316 rgb(189,67,22)
```
#c53f0e
```
#c53f0e rgb(197,63,14)
```
#cd3c06
```
#cd3c06 rgb(205,60,6)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80732b Protanopia 1% of men
#906d0e Deuteranopia 1% of men
#c1484c Tritanopia 0.001% of the population

Trichromacy

#966123 Protanomaly 1% of men, 0.01% of women
#a05e11 Deuteranomaly 6% of men, 0.4% of women
#c04638 Tritanomaly 0.01% of the population

#bd4316 hex color

#bd4316 Color Information

#bd4316 Color Conversion

Color Schemes with #bd4316

Alternatives to #bd4316

#bd4316 Preview

Shades and Tints of #bd4316

Tones of #bd4316

Color Blindness Simulator