#bc7a31 hex color

In a RGB color space, hex #bc7a31 is composed of 73.7% red, 47.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 73.9% yellow and 26.3% black. It has a hue angle of 31.5 degrees, a saturation of 58.6% and a lightness of 46.5%. #bc7a31 color hex could be obtained by blending #fff462 with #790000. Closest websafe color is: #cc6633.

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

● #bc7a31 color description : Moderate orange.

The hexadecimal color #bc7a31 has RGB values of R:188, G:122, B:49 and CMYK values of C:0, M:0.35, Y:0.74, K:0.26. Its decimal value is 12352049.

Hex triplet	bc7a31	`#bc7a31`
RGB Decimal	188, 122, 49	`rgb(188,122,49)`
RGB Percent	73.7, 47.8, 19.2	`rgb(73.7%,47.8%,19.2%)`
CMYK	0, 35, 74, 26
HSL	31.5°, 58.6, 46.5	`hsl(31.5,58.6%,46.5%)`
HSV (or HSB)	31.5°, 73.9, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.913, 19.412, 48.723
XYZ	28.254, 24.834, 6.211
xyY	0.476, 0.419, 24.834
CIE-LCH	56.913, 52.448, 68.277
CIE-LUV	56.913, 52.996, 47.786
Hunter-Lab	49.834, 13.992, 27.494
Binary	10111100, 01111010, 00110001

#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#3173bc
```
#3173bc rgb(49,115,188)
```

Complementary Color

#bc3431
```
#bc3431 rgb(188,52,49)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#b9bc31
```
#b9bc31 rgb(185,188,49)
```

Analogous Color

#3431bc
```
#3431bc rgb(52,49,188)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#31b9bc
```
#31b9bc rgb(49,185,188)
```

Split Complementary Color

#7a31bc
```
#7a31bc rgb(122,49,188)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#31bc7a
```
#31bc7a rgb(49,188,122)
```

Triadic Color

#bc3173
```
#bc3173 rgb(188,49,115)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#31bc7a
```
#31bc7a rgb(49,188,122)
```
#3173bc
```
#3173bc rgb(49,115,188)
```

Tetradic Color

#7f5321
```
#7f5321 rgb(127,83,33)
```
#946026
```
#946026 rgb(148,96,38)
```
#a86d2c
```
#a86d2c rgb(168,109,44)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#cc873b
```
#cc873b rgb(204,135,59)
```
#d1934f
```
#d1934f rgb(209,147,79)
```
#d6a063
```
#d6a063 rgb(214,160,99)
```

Monochromatic Color

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

#bc5731
```
#bc5731 rgb(188,87,49)
```
#bc6331
```
#bc6331 rgb(188,99,49)
```
#bc6e31
```
#bc6e31 rgb(188,110,49)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#bc8631
```
#bc8631 rgb(188,134,49)
```
#bc9131
```
#bc9131 rgb(188,145,49)
```
#bc9d31
```
#bc9d31 rgb(188,157,49)
```

Similar Colors

Text with hexadecimal color #bc7a31

This text has a font color of #bc7a31.

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

#bc7a31 background color

This paragraph has a background color of #bc7a31.

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

#bc7a31 border color

This element has a border color of #bc7a31.

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

CSS codes

.text {color:#bc7a31;}

.background {background-color:#bc7a31;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#201508
```
#201508 rgb(32,21,8)
```
#301f0d
```
#301f0d rgb(48,31,13)
```
#402911
```
#402911 rgb(64,41,17)
```
#4f3315
```
#4f3315 rgb(79,51,21)
```
#5f3d19
```
#5f3d19 rgb(95,61,25)
```
#6e481d
```
#6e481d rgb(110,72,29)
```
#7e5221
```
#7e5221 rgb(126,82,33)
```
#8d5c25
```
#8d5c25 rgb(141,92,37)
```
#9d6629
```
#9d6629 rgb(157,102,41)
```
#ac702d
```
#ac702d rgb(172,112,45)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```

Shade Color Variation

#cb8436
```
#cb8436 rgb(203,132,54)
```
#cf8e46
```
#cf8e46 rgb(207,142,70)
```
#d39755
```
#d39755 rgb(211,151,85)
```
#d7a165
```
#d7a165 rgb(215,161,101)
```
#dbaa74
```
#dbaa74 rgb(219,170,116)
```
#dfb484
```
#dfb484 rgb(223,180,132)
```
#e3bd93
```
#e3bd93 rgb(227,189,147)
```
#e7c7a3
```
#e7c7a3 rgb(231,199,163)
```
#ebd0b2
```
#ebd0b2 rgb(235,208,178)
```
#efdac2
```
#efdac2 rgb(239,218,194)
```
#f3e3d2
```
#f3e3d2 rgb(243,227,210)
```
#f7ede1
```
#f7ede1 rgb(247,237,225)
```
#fbf6f1
```
#fbf6f1 rgb(251,246,241)
```

Tint Color Variation

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

#7c7771
```
#7c7771 rgb(124,119,113)
```
#857768
```
#857768 rgb(133,119,104)
```
#8e785f
```
#8e785f rgb(142,120,95)
```
#987855
```
#987855 rgb(152,120,85)
```
#a1794c
```
#a1794c rgb(161,121,76)
```
#aa7943
```
#aa7943 rgb(170,121,67)
```
#b37a3a
```
#b37a3a rgb(179,122,58)
```
#bc7a31
```
#bc7a31 rgb(188,122,49)
```
#c57a28
```
#c57a28 rgb(197,122,40)
```
#ce7b1f
```
#ce7b1f rgb(206,123,31)
```
#d77b16
```
#d77b16 rgb(215,123,22)
```
#e07c0d
```
#e07c0d rgb(224,124,13)
```
#ea7c03
```
#ea7c03 rgb(234,124,3)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#908374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e3f Protanopia 1% of men
#b08839 Deuteranopia 1% of men
#c47981 Tritanopia 0.001% of the population

Trichromacy

#a9873a Protanomaly 1% of men, 0.01% of women
#b48236 Deuteranomaly 6% of men, 0.4% of women
#c17964 Tritanomaly 0.01% of the population

#bc7a31 hex color

#bc7a31 Color Information

#bc7a31 Color Conversion

Color Schemes with #bc7a31

Alternatives to #bc7a31

#bc7a31 Preview

Shades and Tints of #bc7a31

Tones of #bc7a31

Color Blindness Simulator