#bd7314 hex color

In a RGB color space, hex #bd7314 is composed of 74.1% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 89.4% yellow and 25.9% black. It has a hue angle of 33.7 degrees, a saturation of 80.9% and a lightness of 41%. #bd7314 color hex could be obtained by blending #ffe628 with #7b0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 74
- G 45
- B 8
RGB color chart
- C 0
- M 39
- Y 89
- K 26
CMYK color chart

● #bd7314 color description : Strong orange.

The hexadecimal color #bd7314 has RGB values of R:189, G:115, B:20 and CMYK values of C:0, M:0.39, Y:0.89, K:0.26. Its decimal value is 12415764.

Hex triplet	bd7314	`#bd7314`
RGB Decimal	189, 115, 20	`rgb(189,115,20)`
RGB Percent	74.1, 45.1, 7.8	`rgb(74.1%,45.1%,7.8%)`
CMYK	0, 39, 89, 26
HSL	33.7°, 80.9, 41	`hsl(33.7,80.9%,41%)`
HSV (or HSB)	33.7°, 89.4, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.209, 22.736, 58.04
XYZ	27.244, 23.133, 3.692
xyY	0.504, 0.428, 23.133
CIE-LCH	55.209, 62.334, 68.608
CIE-LUV	55.209, 60.995, 51.67
Hunter-Lab	48.097, 16.941, 29.116
Binary	10111101, 01110011, 00010100

#bd7314
```
#bd7314 rgb(189,115,20)
```
#145ebd
```
#145ebd rgb(20,94,189)
```

Complementary Color

#bd1f14
```
#bd1f14 rgb(189,31,20)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#b3bd14
```
#b3bd14 rgb(179,189,20)
```

Analogous Color

#1f14bd
```
#1f14bd rgb(31,20,189)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#14b3bd
```
#14b3bd rgb(20,179,189)
```

Split Complementary Color

#7314bd
```
#7314bd rgb(115,20,189)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#14bd73
```
#14bd73 rgb(20,189,115)
```

Triadic Color

#bd145e
```
#bd145e rgb(189,20,94)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#14bd73
```
#14bd73 rgb(20,189,115)
```
#145ebd
```
#145ebd rgb(20,94,189)
```

Tetradic Color

#78490d
```
#78490d rgb(120,73,13)
```
#8f570f
```
#8f570f rgb(143,87,15)
```
#a66512
```
#a66512 rgb(166,101,18)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#d48116
```
#d48116 rgb(212,129,22)
```
#e78f1d
```
#e78f1d rgb(231,143,29)
```
#ea9a34
```
#ea9a34 rgb(234,154,52)
```

Monochromatic Color

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

#bd4914
```
#bd4914 rgb(189,73,20)
```
#bd5714
```
#bd5714 rgb(189,87,20)
```
#bd6514
```
#bd6514 rgb(189,101,20)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#bd8114
```
#bd8114 rgb(189,129,20)
```
#bd8f14
```
#bd8f14 rgb(189,143,20)
```
#bd9d14
```
#bd9d14 rgb(189,157,20)
```

Similar Colors

Text with hexadecimal color #bd7314

This text has a font color of #bd7314.

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

#bd7314 background color

This paragraph has a background color of #bd7314.

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

#bd7314 border color

This element has a border color of #bd7314.

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

CSS codes

.text {color:#bd7314;}

.background {background-color:#bd7314;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1d1203
```
#1d1203 rgb(29,18,3)
```
#2f1d05
```
#2f1d05 rgb(47,29,5)
```
#412707
```
#412707 rgb(65,39,7)
```
#533209
```
#533209 rgb(83,50,9)
```
#643d0b
```
#643d0b rgb(100,61,11)
```
#76480c
```
#76480c rgb(118,72,12)
```
#88530e
```
#88530e rgb(136,83,14)
```
#9a5d10
```
#9a5d10 rgb(154,93,16)
```
#ab6812
```
#ab6812 rgb(171,104,18)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#cf7e16
```
#cf7e16 rgb(207,126,22)
```
#e08918
```
#e08918 rgb(224,137,24)
```

Shade Color Variation

#e89224
```
#e89224 rgb(232,146,36)
```
#ea9b36
```
#ea9b36 rgb(234,155,54)
```
#eca447
```
#eca447 rgb(236,164,71)
```
#edad59
```
#edad59 rgb(237,173,89)
```
#efb56b
```
#efb56b rgb(239,181,107)
```
#f1be7d
```
#f1be7d rgb(241,190,125)
```
#f3c78e
```
#f3c78e rgb(243,199,142)
```
#f5d0a0
```
#f5d0a0 rgb(245,208,160)
```
#f7d9b2
```
#f7d9b2 rgb(247,217,178)
```
#f9e1c4
```
#f9e1c4 rgb(249,225,196)
```
#fbead5
```
#fbead5 rgb(251,234,213)
```
#fcf3e7
```
#fcf3e7 rgb(252,243,231)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#6d6964
```
#6d6964 rgb(109,105,100)
```
#756a5c
```
#756a5c rgb(117,106,92)
```
#7d6b54
```
#7d6b54 rgb(125,107,84)
```
#856c4c
```
#856c4c rgb(133,108,76)
```
#8d6d44
```
#8d6d44 rgb(141,109,68)
```
#956e3c
```
#956e3c rgb(149,110,60)
```
#9d6f34
```
#9d6f34 rgb(157,111,52)
```
#a5702c
```
#a5702c rgb(165,112,44)
```
#ad7124
```
#ad7124 rgb(173,113,36)
```
#b5721c
```
#b5721c rgb(181,114,28)
```
#bd7314
```
#bd7314 rgb(189,115,20)
```
#c5740c
```
#c5740c rgb(197,116,12)
```
#cd7504
```
#cd7504 rgb(205,117,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8b7c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8a24 Protanopia 1% of men
#ad8318 Deuteranopia 1% of men
#c4727a Tritanopia 0.001% of the population

Trichromacy

#a7821e Protanomaly 1% of men, 0.01% of women
#b27d17 Deuteranomaly 6% of men, 0.4% of women
#c27254 Tritanomaly 0.01% of the population

#bd7314 hex color

#bd7314 Color Information

#bd7314 Color Conversion

Color Schemes with #bd7314

Alternatives to #bd7314

#bd7314 Preview

Shades and Tints of #bd7314

Tones of #bd7314

Color Blindness Simulator