#bca58f hex color

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

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

● #bca58f color description : Grayish orange.

The hexadecimal color #bca58f has RGB values of R:188, G:165, B:143 and CMYK values of C:0, M:0.12, Y:0.24, K:0.26. Its decimal value is 12363151.

Hex triplet	bca58f	`#bca58f`
RGB Decimal	188, 165, 143	`rgb(188,165,143)`
RGB Percent	73.7, 64.7, 56.1	`rgb(73.7%,64.7%,56.1%)`
CMYK	0, 12, 24, 26
HSL	29.3°, 25.1, 64.9	`hsl(29.3,25.1%,64.9%)`
HSV (or HSB)	29.3°, 23.9, 73.7
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.173, 4.899, 14.486
XYZ	39.152, 39.586, 31.564
xyY	0.355, 0.359, 39.586
CIE-LCH	69.173, 15.292, 71.313
CIE-LUV	69.173, 15.637, 19.152
Hunter-Lab	62.917, 0.97, 14.298
Binary	10111100, 10100101, 10001111

#bca58f
```
#bca58f rgb(188,165,143)
```
#8fa6bc
```
#8fa6bc rgb(143,166,188)
```

Complementary Color

#bc8f90
```
#bc8f90 rgb(188,143,144)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#bcbc8f
```
#bcbc8f rgb(188,188,143)
```

Analogous Color

#8f90bc
```
#8f90bc rgb(143,144,188)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#8fbcbc
```
#8fbcbc rgb(143,188,188)
```

Split Complementary Color

#a58fbc
```
#a58fbc rgb(165,143,188)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#8fbca5
```
#8fbca5 rgb(143,188,165)
```

Triadic Color

#bc8fa6
```
#bc8fa6 rgb(188,143,166)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#8fbca5
```
#8fbca5 rgb(143,188,165)
```
#8fa6bc
```
#8fa6bc rgb(143,166,188)
```

Tetradic Color

#9f7f5f
```
#9f7f5f rgb(159,127,95)
```
#a98b6f
```
#a98b6f rgb(169,139,111)
```
#b2987f
```
#b2987f rgb(178,152,127)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#c6b29f
```
#c6b29f rgb(198,178,159)
```
#cfbfaf
```
#cfbfaf rgb(207,191,175)
```
#d9cbbf
```
#d9cbbf rgb(217,203,191)
```

Monochromatic Color

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

#bc9a8f
```
#bc9a8f rgb(188,154,143)
```
#bc9e8f
```
#bc9e8f rgb(188,158,143)
```
#bca18f
```
#bca18f rgb(188,161,143)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#bcad8f
```
#bcad8f rgb(188,173,143)
```
#bcb08f
```
#bcb08f rgb(188,176,143)
```

Similar Colors

Text with hexadecimal color #bca58f

This text has a font color of #bca58f.

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

#bca58f background color

This paragraph has a background color of #bca58f.

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

#bca58f border color

This element has a border color of #bca58f.

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

CSS codes

.text {color:#bca58f;}

.background {background-color:#bca58f;}

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

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)
```
#17120e
```
#17120e rgb(23,18,14)
```
#231c15
```
#231c15 rgb(35,28,21)
```
#30261c
```
#30261c rgb(48,38,28)
```
#3c3024
```
#3c3024 rgb(60,48,36)
```
#48392b
```
#48392b rgb(72,57,43)
```
#544332
```
#544332 rgb(84,67,50)
```
#614d3a
```
#614d3a rgb(97,77,58)
```
#6d5741
```
#6d5741 rgb(109,87,65)
```
#796048
```
#796048 rgb(121,96,72)
```
#856a50
```
#856a50 rgb(133,106,80)
```
#927457
```
#927457 rgb(146,116,87)
```
#9e7e5f
```
#9e7e5f rgb(158,126,95)
```

Shade Color Variation

#a6876a
```
#a6876a rgb(166,135,106)
```
#ad9176
```
#ad9176 rgb(173,145,118)
```
#b59b83
```
#b59b83 rgb(181,155,131)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#c3af9b
```
#c3af9b rgb(195,175,155)
```
#cbb9a8
```
#cbb9a8 rgb(203,185,168)
```
#d2c3b4
```
#d2c3b4 rgb(210,195,180)
```
#d9ccc0
```
#d9ccc0 rgb(217,204,192)
```
#e1d6cc
```
#e1d6cc rgb(225,214,204)
```
#e8e0d9
```
#e8e0d9 rgb(232,224,217)
```
#efeae5
```
#efeae5 rgb(239,234,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, #a7a5a4 is the less saturated color, while #faa451 is the most saturated one.

#a7a5a4
```
#a7a5a4 rgb(167,165,164)
```
#aea59d
```
#aea59d rgb(174,165,157)
```
#b5a596
```
#b5a596 rgb(181,165,150)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#c3a588
```
#c3a588 rgb(195,165,136)
```
#caa581
```
#caa581 rgb(202,165,129)
```
#d1a57a
```
#d1a57a rgb(209,165,122)
```
#d8a473
```
#d8a473 rgb(216,164,115)
```
#dea46d
```
#dea46d rgb(222,164,109)
```
#e5a466
```
#e5a466 rgb(229,164,102)
```
#eca45f
```
#eca45f rgb(236,164,95)
```
#f3a458
```
#f3a458 rgb(243,164,88)
```
#faa451
```
#faa451 rgb(250,164,81)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#ada8a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ac96 Protanopia 1% of men
#c6a795 Deuteranopia 1% of men
#c3a5b1 Tritanopia 0.001% of the population

Trichromacy

#b8a993 Protanomaly 1% of men, 0.01% of women
#c2a693 Deuteranomaly 6% of men, 0.4% of women
#c0a5a4 Tritanomaly 0.01% of the population

#bca58f hex color

#bca58f Color Information

#bca58f Color Conversion

Color Schemes with #bca58f

Alternatives to #bca58f

#bca58f Preview

Shades and Tints of #bca58f

Tones of #bca58f

Color Blindness Simulator