#bca86f hex color

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

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

● #bca86f color description : Slightly desaturated orange.

The hexadecimal color #bca86f has RGB values of R:188, G:168, B:111 and CMYK values of C:0, M:0.11, Y:0.41, K:0.26. Its decimal value is 12363887.

Hex triplet	bca86f	`#bca86f`
RGB Decimal	188, 168, 111	`rgb(188,168,111)`
RGB Percent	73.7, 65.9, 43.5	`rgb(73.7%,65.9%,43.5%)`
CMYK	0, 11, 41, 26
HSL	44.4°, 36.5, 58.6	`hsl(44.4,36.5%,58.6%)`
HSV (or HSB)	44.4°, 41, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.359, -0.847, 32.082
XYZ	37.611, 39.845, 20.748
xyY	0.383, 0.406, 39.845
CIE-LCH	69.359, 32.093, 91.513
CIE-LUV	69.359, 16.085, 41.271
Hunter-Lab	63.123, -4.11, 24.698
Binary	10111100, 10101000, 01101111

#bca86f
```
#bca86f rgb(188,168,111)
```
#6f83bc
```
#6f83bc rgb(111,131,188)
```

Complementary Color

#bc826f
```
#bc826f rgb(188,130,111)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#aabc6f
```
#aabc6f rgb(170,188,111)
```

Analogous Color

#826fbc
```
#826fbc rgb(130,111,188)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#6faabc
```
#6faabc rgb(111,170,188)
```

Split Complementary Color

#a86fbc
```
#a86fbc rgb(168,111,188)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#6fbca8
```
#6fbca8 rgb(111,188,168)
```

Triadic Color

#bc6f83
```
#bc6f83 rgb(188,111,131)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#6fbca8
```
#6fbca8 rgb(111,188,168)
```
#6f83bc
```
#6f83bc rgb(111,131,188)
```

Tetradic Color

#988347
```
#988347 rgb(152,131,71)
```
#a9924f
```
#a9924f rgb(169,146,79)
```
#b49d5e
```
#b49d5e rgb(180,157,94)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#c4b380
```
#c4b380 rgb(196,179,128)
```
#ccbd92
```
#ccbd92 rgb(204,189,146)
```
#d4c8a3
```
#d4c8a3 rgb(212,200,163)
```

Monochromatic Color

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

#bc956f
```
#bc956f rgb(188,149,111)
```
#bc9b6f
```
#bc9b6f rgb(188,155,111)
```
#bca26f
```
#bca26f rgb(188,162,111)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#bcae6f
```
#bcae6f rgb(188,174,111)
```
#bcb56f
```
#bcb56f rgb(188,181,111)
```
#bcbb6f
```
#bcbb6f rgb(188,187,111)
```

Similar Colors

Text with hexadecimal color #bca86f

This text has a font color of #bca86f.

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

#bca86f background color

This paragraph has a background color of #bca86f.

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

#bca86f border color

This element has a border color of #bca86f.

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

CSS codes

.text {color:#bca86f;}

.background {background-color:#bca86f;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#1e1a0e
```
#1e1a0e rgb(30,26,14)
```
#2b2514
```
#2b2514 rgb(43,37,20)
```
#39311a
```
#39311a rgb(57,49,26)
```
#463c21
```
#463c21 rgb(70,60,33)
```
#544827
```
#544827 rgb(84,72,39)
```
#61532d
```
#61532d rgb(97,83,45)
```
#6e5f33
```
#6e5f33 rgb(110,95,51)
```
#7c6b3a
```
#7c6b3a rgb(124,107,58)
```
#897640
```
#897640 rgb(137,118,64)
```
#978246
```
#978246 rgb(151,130,70)
```
#a48d4c
```
#a48d4c rgb(164,141,76)
```

Shade Color Variation

#b09854
```
#b09854 rgb(176,152,84)
```
#b6a062
```
#b6a062 rgb(182,160,98)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#c2b07c
```
#c2b07c rgb(194,176,124)
```
#c8b88a
```
#c8b88a rgb(200,184,138)
```
#cfc097
```
#cfc097 rgb(207,192,151)
```
#d5c8a5
```
#d5c8a5 rgb(213,200,165)
```
#dbd0b2
```
#dbd0b2 rgb(219,208,178)
```
#e1d9bf
```
#e1d9bf rgb(225,217,191)
```
#e8e1cd
```
#e8e1cd rgb(232,225,205)
```
#eee9da
```
#eee9da rgb(238,233,218)
```
#f4f1e7
```
#f4f1e7 rgb(244,241,231)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#9c988f
```
#9c988f rgb(156,152,143)
```
#a49c87
```
#a49c87 rgb(164,156,135)
```
#aca07f
```
#aca07f rgb(172,160,127)
```
#b4a477
```
#b4a477 rgb(180,164,119)
```
#bca86f
```
#bca86f rgb(188,168,111)
```
#c4ac67
```
#c4ac67 rgb(196,172,103)
```
#ccb05f
```
#ccb05f rgb(204,176,95)
```
#d4b457
```
#d4b457 rgb(212,180,87)
```
#dcb84f
```
#dcb84f rgb(220,184,79)
```
#e5bb46
```
#e5bb46 rgb(229,187,70)
```
#edbf3e
```
#edbf3e rgb(237,191,62)
```
#f5c336
```
#f5c336 rgb(245,195,54)
```
#fdc72e
```
#fdc72e rgb(253,199,46)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba79c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbad76 Protanopia 1% of men
#cea678 Deuteranopia 1% of men
#c6a5b0 Tritanopia 0.001% of the population

Trichromacy

#bbab74 Protanomaly 1% of men, 0.01% of women
#c7a774 Deuteranomaly 6% of men, 0.4% of women
#c2a698 Tritanomaly 0.01% of the population

#bca86f hex color

#bca86f Color Information

#bca86f Color Conversion

Color Schemes with #bca86f

Alternatives to #bca86f

#bca86f Preview

Shades and Tints of #bca86f

Tones of #bca86f

Color Blindness Simulator