#bc976f hex color

In a RGB color space, hex #bc976f is composed of 73.7% red, 59.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 41% yellow and 26.3% black. It has a hue angle of 31.2 degrees, a saturation of 36.5% and a lightness of 58.6%. #bc976f color hex could be obtained by blending #ffffde with #792f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 74
- G 59
- B 44
RGB color chart
- C 0
- M 20
- Y 41
- K 26
CMYK color chart

● #bc976f color description : Slightly desaturated orange.

The hexadecimal color #bc976f has RGB values of R:188, G:151, B:111 and CMYK values of C:0, M:0.2, Y:0.41, K:0.26. Its decimal value is 12359535.

Hex triplet	bc976f	`#bc976f`
RGB Decimal	188, 151, 111	`rgb(188,151,111)`
RGB Percent	73.7, 59.2, 43.5	`rgb(73.7%,59.2%,43.5%)`
CMYK	0, 20, 41, 26
HSL	31.2°, 36.5, 58.6	`hsl(31.2,36.5%,58.6%)`
HSV (or HSB)	31.2°, 41, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.942, 8.383, 26.304
XYZ	34.675, 33.974, 19.769
xyY	0.392, 0.384, 33.974
CIE-LCH	64.942, 27.608, 72.323
CIE-LUV	64.942, 26.976, 32.283
Hunter-Lab	58.287, 4.188, 20.691
Binary	10111100, 10010111, 01101111

#bc976f
```
#bc976f rgb(188,151,111)
```
#6f94bc
```
#6f94bc rgb(111,148,188)
```

Complementary Color

#bc716f
```
#bc716f rgb(188,113,111)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#bbbc6f
```
#bbbc6f rgb(187,188,111)
```

Analogous Color

#716fbc
```
#716fbc rgb(113,111,188)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#6fbbbc
```
#6fbbbc rgb(111,187,188)
```

Split Complementary Color

#976fbc
```
#976fbc rgb(151,111,188)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#6fbc97
```
#6fbc97 rgb(111,188,151)
```

Triadic Color

#bc6f94
```
#bc6f94 rgb(188,111,148)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#6fbc97
```
#6fbc97 rgb(111,188,151)
```
#6f94bc
```
#6f94bc rgb(111,148,188)
```

Tetradic Color

#987147
```
#987147 rgb(152,113,71)
```
#a97e4f
```
#a97e4f rgb(169,126,79)
```
#b48a5e
```
#b48a5e rgb(180,138,94)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#c4a480
```
#c4a480 rgb(196,164,128)
```
#ccb092
```
#ccb092 rgb(204,176,146)
```
#d4bda3
```
#d4bda3 rgb(212,189,163)
```

Monochromatic Color

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

#bc846f
```
#bc846f rgb(188,132,111)
```
#bc8a6f
```
#bc8a6f rgb(188,138,111)
```
#bc916f
```
#bc916f rgb(188,145,111)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#bc9d6f
```
#bc9d6f rgb(188,157,111)
```
#bca46f
```
#bca46f rgb(188,164,111)
```
#bcaa6f
```
#bcaa6f rgb(188,170,111)
```

Similar Colors

Text with hexadecimal color #bc976f

This text has a font color of #bc976f.

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

#bc976f background color

This paragraph has a background color of #bc976f.

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

#bc976f border color

This element has a border color of #bc976f.

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

CSS codes

.text {color:#bc976f;}

.background {background-color:#bc976f;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#110c08
```
#110c08 rgb(17,12,8)
```
#1e160e
```
#1e160e rgb(30,22,14)
```
#2b2014
```
#2b2014 rgb(43,32,20)
```
#392a1a
```
#392a1a rgb(57,42,26)
```
#463421
```
#463421 rgb(70,52,33)
```
#543e27
```
#543e27 rgb(84,62,39)
```
#61482d
```
#61482d rgb(97,72,45)
```
#6e5233
```
#6e5233 rgb(110,82,51)
```
#7c5c3a
```
#7c5c3a rgb(124,92,58)
```
#896640
```
#896640 rgb(137,102,64)
```
#977046
```
#977046 rgb(151,112,70)
```
#a47a4c
```
#a47a4c rgb(164,122,76)
```

Shade Color Variation

#b08454
```
#b08454 rgb(176,132,84)
```
#b68d62
```
#b68d62 rgb(182,141,98)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#c2a17c
```
#c2a17c rgb(194,161,124)
```
#c8aa8a
```
#c8aa8a rgb(200,170,138)
```
#cfb497
```
#cfb497 rgb(207,180,151)
```
#d5bea5
```
#d5bea5 rgb(213,190,165)
```
#dbc7b2
```
#dbc7b2 rgb(219,199,178)
```
#e1d1bf
```
#e1d1bf rgb(225,209,191)
```
#e8dbcd
```
#e8dbcd rgb(232,219,205)
```
#eee4da
```
#eee4da rgb(238,228,218)
```
#f4eee7
```
#f4eee7 rgb(244,238,231)
```
#faf8f5
```
#faf8f5 rgb(250,248,245)
```

Tint Color Variation

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

#9c968f
```
#9c968f rgb(156,150,143)
```
#a49687
```
#a49687 rgb(164,150,135)
```
#ac967f
```
#ac967f rgb(172,150,127)
```
#b49777
```
#b49777 rgb(180,151,119)
```
#bc976f
```
#bc976f rgb(188,151,111)
```
#c49767
```
#c49767 rgb(196,151,103)
```
#cc985f
```
#cc985f rgb(204,152,95)
```
#d49857
```
#d49857 rgb(212,152,87)
```
#dc984f
```
#dc984f rgb(220,152,79)
```
#e59946
```
#e59946 rgb(229,153,70)
```
#ed993e
```
#ed993e rgb(237,153,62)
```
#f59936
```
#f59936 rgb(245,153,54)
```
#fd9a2e
```
#fd9a2e rgb(253,154,46)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea278 Protanopia 1% of men
#c09c76 Deuteranopia 1% of men
#c496a1 Tritanopia 0.001% of the population

Trichromacy

#b39e75 Protanomaly 1% of men, 0.01% of women
#be9a73 Deuteranomaly 6% of men, 0.4% of women
#c1968e Tritanomaly 0.01% of the population

#bc976f hex color

#bc976f Color Information

#bc976f Color Conversion

Color Schemes with #bc976f

Alternatives to #bc976f

#bc976f Preview

Shades and Tints of #bc976f

Tones of #bc976f

Color Blindness Simulator