#bca58e hex color

In a RGB color space, hex #bca58e is composed of 73.7% red, 64.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 24.5% yellow and 26.3% black. It has a hue angle of 30 degrees, a saturation of 25.6% and a lightness of 64.7%. #bca58e color hex could be obtained by blending #ffffff with #794b1d. 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

● #bca58e color description : Grayish orange.

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

Hex triplet	bca58e	`#bca58e`
RGB Decimal	188, 165, 142	`rgb(188,165,142)`
RGB Percent	73.7, 64.7, 55.7	`rgb(73.7%,64.7%,55.7%)`
CMYK	0, 12, 24, 26
HSL	30°, 25.6, 64.7	`hsl(30,25.6%,64.7%)`
HSV (or HSB)	30°, 24.5, 73.7
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.152, 4.754, 15.006
XYZ	39.076, 39.555, 31.166
xyY	0.356, 0.36, 39.555
CIE-LCH	69.152, 15.741, 72.423
CIE-LUV	69.152, 15.717, 19.853
Hunter-Lab	62.893, 0.841, 14.644
Binary	10111100, 10100101, 10001110

#bca58e
```
#bca58e rgb(188,165,142)
```
#8ea5bc
```
#8ea5bc rgb(142,165,188)
```

Complementary Color

#bc8e8e
```
#bc8e8e rgb(188,142,142)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#bcbc8e
```
#bcbc8e rgb(188,188,142)
```

Analogous Color

#8e8ebc
```
#8e8ebc rgb(142,142,188)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#8ebcbc
```
#8ebcbc rgb(142,188,188)
```

Split Complementary Color

#a58ebc
```
#a58ebc rgb(165,142,188)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#8ebca5
```
#8ebca5 rgb(142,188,165)
```

Triadic Color

#bc8ea5
```
#bc8ea5 rgb(188,142,165)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#8ebca5
```
#8ebca5 rgb(142,188,165)
```
#8ea5bc
```
#8ea5bc rgb(142,165,188)
```

Tetradic Color

#9f7f5e
```
#9f7f5e rgb(159,127,94)
```
#a98c6e
```
#a98c6e rgb(169,140,110)
```
#b3987e
```
#b3987e rgb(179,152,126)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#c5b29e
```
#c5b29e rgb(197,178,158)
```
#cfbfae
```
#cfbfae rgb(207,191,174)
```
#d8cbbe
```
#d8cbbe rgb(216,203,190)
```

Monochromatic Color

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

#bc9a8e
```
#bc9a8e rgb(188,154,142)
```
#bc9d8e
```
#bc9d8e rgb(188,157,142)
```
#bca18e
```
#bca18e rgb(188,161,142)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#bca98e
```
#bca98e rgb(188,169,142)
```
#bcad8e
```
#bcad8e rgb(188,173,142)
```
#bcb18e
```
#bcb18e rgb(188,177,142)
```

Similar Colors

Text with hexadecimal color #bca58e

This text has a font color of #bca58e.

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

#bca58e background color

This paragraph has a background color of #bca58e.

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

#bca58e border color

This element has a border color of #bca58e.

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

CSS codes

.text {color:#bca58e;}

.background {background-color:#bca58e;}

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

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

#0a0806
```
#0a0806 rgb(10,8,6)
```
#16120d
```
#16120d rgb(22,18,13)
```
#231c15
```
#231c15 rgb(35,28,21)
```
#2f261c
```
#2f261c rgb(47,38,28)
```
#3b2f23
```
#3b2f23 rgb(59,47,35)
```
#48392b
```
#48392b rgb(72,57,43)
```
#544332
```
#544332 rgb(84,67,50)
```
#604d39
```
#604d39 rgb(96,77,57)
```
#6d5740
```
#6d5740 rgb(109,87,64)
```
#796048
```
#796048 rgb(121,96,72)
```
#856a4f
```
#856a4f rgb(133,106,79)
```
#927456
```
#927456 rgb(146,116,86)
```
#9e7e5e
```
#9e7e5e rgb(158,126,94)
```

Shade Color Variation

#a68869
```
#a68869 rgb(166,136,105)
```
#ad9175
```
#ad9175 rgb(173,145,117)
```
#b59b82
```
#b59b82 rgb(181,155,130)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#c3af9a
```
#c3af9a rgb(195,175,154)
```
#cbb9a7
```
#cbb9a7 rgb(203,185,167)
```
#d2c2b3
```
#d2c2b3 rgb(210,194,179)
```
#d9ccbf
```
#d9ccbf rgb(217,204,191)
```
#e1d6cc
```
#e1d6cc rgb(225,214,204)
```
#e8e0d8
```
#e8e0d8 rgb(232,224,216)
```
#efeae4
```
#efeae4 rgb(239,234,228)
```
#f6f3f1
```
#f6f3f1 rgb(246,243,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a7a5a3
```
#a7a5a3 rgb(167,165,163)
```
#aea59c
```
#aea59c rgb(174,165,156)
```
#b5a595
```
#b5a595 rgb(181,165,149)
```
#bca58e
```
#bca58e rgb(188,165,142)
```
#c3a587
```
#c3a587 rgb(195,165,135)
```
#caa580
```
#caa580 rgb(202,165,128)
```
#d1a579
```
#d1a579 rgb(209,165,121)
```
#d8a572
```
#d8a572 rgb(216,165,114)
```
#dfa56b
```
#dfa56b rgb(223,165,107)
```
#e6a564
```
#e6a564 rgb(230,165,100)
```
#eca55e
```
#eca55e rgb(236,165,94)
```
#f3a557
```
#f3a557 rgb(243,165,87)
```
#faa550
```
#faa550 rgb(250,165,80)
```

Tone Color Variation

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

#b5ac95 Protanopia 1% of men
#c6a794 Deuteranopia 1% of men
#c3a5b1 Tritanopia 0.001% of the population

Trichromacy

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

#bca58e hex color

#bca58e Color Information

#bca58e Color Conversion

Color Schemes with #bca58e

Alternatives to #bca58e

#bca58e Preview

Shades and Tints of #bca58e

Tones of #bca58e

Color Blindness Simulator