#bca78f hex color

In a RGB color space, hex #bca78f is composed of 73.7% red, 65.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 32 degrees, a saturation of 25.1% and a lightness of 64.9%. #bca78f color hex could be obtained by blending #ffffff with #794f1f. Closest websafe color is: #cc9999.

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

● #bca78f color description : Grayish orange.

The hexadecimal color #bca78f has RGB values of R:188, G:167, B:143 and CMYK values of C:0, M:0.11, Y:0.24, K:0.26. Its decimal value is 12363663.

Hex triplet	bca78f	`#bca78f`
RGB Decimal	188, 167, 143	`rgb(188,167,143)`
RGB Percent	73.7, 65.5, 56.1	`rgb(73.7%,65.5%,56.1%)`
CMYK	0, 11, 24, 26
HSL	32°, 25.1, 64.9	`hsl(32,25.1%,64.9%)`
HSV (or HSB)	32°, 23.9, 73.7
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.692, 3.813, 15.211
XYZ	39.515, 40.313, 31.685
xyY	0.354, 0.362, 40.313
CIE-LCH	69.692, 15.681, 75.926
CIE-LUV	69.692, 14.468, 20.334
Hunter-Lab	63.492, -0.02, 14.857
Binary	10111100, 10100111, 10001111

#bca78f
```
#bca78f rgb(188,167,143)
```
#8fa4bc
```
#8fa4bc rgb(143,164,188)
```

Complementary Color

#bc918f
```
#bc918f rgb(188,145,143)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#bbbc8f
```
#bbbc8f rgb(187,188,143)
```

Analogous Color

#918fbc
```
#918fbc rgb(145,143,188)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#8fbbbc
```
#8fbbbc rgb(143,187,188)
```

Split Complementary Color

#a78fbc
```
#a78fbc rgb(167,143,188)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#8fbca7
```
#8fbca7 rgb(143,188,167)
```

Triadic Color

#bc8fa4
```
#bc8fa4 rgb(188,143,164)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#8fbca7
```
#8fbca7 rgb(143,188,167)
```
#8fa4bc
```
#8fa4bc rgb(143,164,188)
```

Tetradic Color

#9f815f
```
#9f815f rgb(159,129,95)
```
#a98e6f
```
#a98e6f rgb(169,142,111)
```
#b29a7f
```
#b29a7f rgb(178,154,127)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#c6b49f
```
#c6b49f rgb(198,180,159)
```
#cfc0af
```
#cfc0af rgb(207,192,175)
```
#d9cdbf
```
#d9cdbf rgb(217,205,191)
```

Monochromatic Color

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

#bc9c8f
```
#bc9c8f rgb(188,156,143)
```
#bca08f
```
#bca08f rgb(188,160,143)
```
#bca38f
```
#bca38f rgb(188,163,143)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#bcab8f
```
#bcab8f rgb(188,171,143)
```
#bcaf8f
```
#bcaf8f rgb(188,175,143)
```
#bcb28f
```
#bcb28f rgb(188,178,143)
```

Similar Colors

Text with hexadecimal color #bca78f

This text has a font color of #bca78f.

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

#bca78f background color

This paragraph has a background color of #bca78f.

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

#bca78f border color

This element has a border color of #bca78f.

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

CSS codes

.text {color:#bca78f;}

.background {background-color:#bca78f;}

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

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

#0b0906
```
#0b0906 rgb(11,9,6)
```
#17130e
```
#17130e rgb(23,19,14)
```
#231d15
```
#231d15 rgb(35,29,21)
```
#30271c
```
#30271c rgb(48,39,28)
```
#3c3124
```
#3c3124 rgb(60,49,36)
```
#483b2b
```
#483b2b rgb(72,59,43)
```
#544532
```
#544532 rgb(84,69,50)
```
#614f3a
```
#614f3a rgb(97,79,58)
```
#6d5841
```
#6d5841 rgb(109,88,65)
```
#796248
```
#796248 rgb(121,98,72)
```
#856c50
```
#856c50 rgb(133,108,80)
```
#927657
```
#927657 rgb(146,118,87)
```
#9e805f
```
#9e805f rgb(158,128,95)
```

Shade Color Variation

#a68a6a
```
#a68a6a rgb(166,138,106)
```
#ad9476
```
#ad9476 rgb(173,148,118)
```
#b59d83
```
#b59d83 rgb(181,157,131)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#c3b19b
```
#c3b19b rgb(195,177,155)
```
#cbbaa8
```
#cbbaa8 rgb(203,186,168)
```
#d2c4b4
```
#d2c4b4 rgb(210,196,180)
```
#d9cec0
```
#d9cec0 rgb(217,206,192)
```
#e1d7cc
```
#e1d7cc rgb(225,215,204)
```
#e8e1d9
```
#e8e1d9 rgb(232,225,217)
```
#efebe5
```
#efebe5 rgb(239,235,229)
```
#f7f4f1
```
#f7f4f1 rgb(247,244,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a7a6a4
```
#a7a6a4 rgb(167,166,164)
```
#aea69d
```
#aea69d rgb(174,166,157)
```
#b5a796
```
#b5a796 rgb(181,167,150)
```
#bca78f
```
#bca78f rgb(188,167,143)
```
#c3a788
```
#c3a788 rgb(195,167,136)
```
#caa881
```
#caa881 rgb(202,168,129)
```
#d1a87a
```
#d1a87a rgb(209,168,122)
```
#d8a973
```
#d8a973 rgb(216,169,115)
```
#dea96d
```
#dea96d rgb(222,169,109)
```
#e5aa66
```
#e5aa66 rgb(229,170,102)
```
#ecaa5f
```
#ecaa5f rgb(236,170,95)
```
#f3ab58
```
#f3ab58 rgb(243,171,88)
```
#faab51
```
#faab51 rgb(250,171,81)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aeaaa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae96 Protanopia 1% of men
#c7a895 Deuteranopia 1% of men
#c3a7b2 Tritanopia 0.001% of the population

Trichromacy

#b9ab93 Protanomaly 1% of men, 0.01% of women
#c3a793 Deuteranomaly 6% of men, 0.4% of women
#c0a7a5 Tritanomaly 0.01% of the population

#bca78f hex color

#bca78f Color Information

#bca78f Color Conversion

Color Schemes with #bca78f

Alternatives to #bca78f

#bca78f Preview

Shades and Tints of #bca78f

Tones of #bca78f

Color Blindness Simulator