#bd6316 hex color

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

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

● #bd6316 color description : Strong orange.

The hexadecimal color #bd6316 has RGB values of R:189, G:99, B:22 and CMYK values of C:0, M:0.48, Y:0.88, K:0.26. Its decimal value is 12411670.

Hex triplet	bd6316	`#bd6316`
RGB Decimal	189, 99, 22	`rgb(189,99,22)`
RGB Percent	74.1, 38.8, 8.6	`rgb(74.1%,38.8%,8.6%)`
CMYK	0, 48, 88, 26
HSL	27.7°, 79.1, 41.4	`hsl(27.7,79.1%,41.4%)`
HSV (or HSB)	27.7°, 88.4, 74.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.613, 31.439, 54.64
XYZ	25.594, 19.803, 3.234
xyY	0.526, 0.407, 19.803
CIE-LCH	51.613, 63.039, 60.085
CIE-LUV	51.613, 73.947, 45.588
Hunter-Lab	44.5, 24.787, 26.842
Binary	10111101, 01100011, 00010110

#bd6316
```
#bd6316 rgb(189,99,22)
```
#1670bd
```
#1670bd rgb(22,112,189)
```

Complementary Color

#bd161d
```
#bd161d rgb(189,22,29)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#bdb716
```
#bdb716 rgb(189,183,22)
```

Analogous Color

#161dbd
```
#161dbd rgb(22,29,189)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#16bdb7
```
#16bdb7 rgb(22,189,183)
```

Split Complementary Color

#6316bd
```
#6316bd rgb(99,22,189)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#16bd63
```
#16bd63 rgb(22,189,99)
```

Triadic Color

#bd1670
```
#bd1670 rgb(189,22,112)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#16bd63
```
#16bd63 rgb(22,189,99)
```
#1670bd
```
#1670bd rgb(22,112,189)
```

Tetradic Color

#783f0e
```
#783f0e rgb(120,63,14)
```
#8f4b11
```
#8f4b11 rgb(143,75,17)
```
#a65713
```
#a65713 rgb(166,87,19)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#d46f19
```
#d46f19 rgb(212,111,25)
```
#e57b21
```
#e57b21 rgb(229,123,33)
```
#e88938
```
#e88938 rgb(232,137,56)
```

Monochromatic Color

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

#bd3916
```
#bd3916 rgb(189,57,22)
```
#bd4716
```
#bd4716 rgb(189,71,22)
```
#bd5516
```
#bd5516 rgb(189,85,22)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#bd7116
```
#bd7116 rgb(189,113,22)
```
#bd7f16
```
#bd7f16 rgb(189,127,22)
```
#bd8d16
```
#bd8d16 rgb(189,141,22)
```

Similar Colors

Text with hexadecimal color #bd6316

This text has a font color of #bd6316.

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

#bd6316 background color

This paragraph has a background color of #bd6316.

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

#bd6316 border color

This element has a border color of #bd6316.

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

CSS codes

.text {color:#bd6316;}

.background {background-color:#bd6316;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301906
```
#301906 rgb(48,25,6)
```
#422308
```
#422308 rgb(66,35,8)
```
#542c0a
```
#542c0a rgb(84,44,10)
```
#65350c
```
#65350c rgb(101,53,12)
```
#773e0e
```
#773e0e rgb(119,62,14)
```
#884710
```
#884710 rgb(136,71,16)
```
#9a5112
```
#9a5112 rgb(154,81,18)
```
#ab5a14
```
#ab5a14 rgb(171,90,20)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#cf6c18
```
#cf6c18 rgb(207,108,24)
```
#e0751a
```
#e0751a rgb(224,117,26)
```

Shade Color Variation

#e68028
```
#e68028 rgb(230,128,40)
```
#e88a39
```
#e88a39 rgb(232,138,57)
```
#ea944b
```
#ea944b rgb(234,148,75)
```
#ec9f5d
```
#ec9f5d rgb(236,159,93)
```
#eea96e
```
#eea96e rgb(238,169,110)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f2be91
```
#f2be91 rgb(242,190,145)
```
#f4c8a3
```
#f4c8a3 rgb(244,200,163)
```
#f6d3b4
```
#f6d3b4 rgb(246,211,180)
```
#f8ddc6
```
#f8ddc6 rgb(248,221,198)
```
#fae8d8
```
#fae8d8 rgb(250,232,216)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#6c6967
```
#6c6967 rgb(108,105,103)
```
#74695f
```
#74695f rgb(116,105,95)
```
#7c6857
```
#7c6857 rgb(124,104,87)
```
#84674f
```
#84674f rgb(132,103,79)
```
#8c6747
```
#8c6747 rgb(140,103,71)
```
#94663f
```
#94663f rgb(148,102,63)
```
#9d6636
```
#9d6636 rgb(157,102,54)
```
#a5652e
```
#a5652e rgb(165,101,46)
```
#ad6426
```
#ad6426 rgb(173,100,38)
```
#b5641e
```
#b5641e rgb(181,100,30)
```
#bd6316
```
#bd6316 rgb(189,99,22)
```
#c5620e
```
#c5620e rgb(197,98,14)
```
#cd6206
```
#cd6206 rgb(205,98,6)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#837162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918228 Protanopia 1% of men
#a27b17 Deuteranopia 1% of men
#c3646a Tritanopia 0.001% of the population

Trichromacy

#a17621 Protanomaly 1% of men, 0.01% of women
#ac7216 Deuteranomaly 6% of men, 0.4% of women
#c1634c Tritanomaly 0.01% of the population

#bd6316 hex color

#bd6316 Color Information

#bd6316 Color Conversion

Color Schemes with #bd6316

Alternatives to #bd6316

#bd6316 Preview

Shades and Tints of #bd6316

Tones of #bd6316

Color Blindness Simulator