#bca86a hex color

In a RGB color space, hex #bca86a is composed of 73.7% red, 65.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 43.6% yellow and 26.3% black. It has a hue angle of 45.4 degrees, a saturation of 38% and a lightness of 57.6%. #bca86a color hex could be obtained by blending #ffffd4 with #795100. Closest websafe color is: #cc9966.

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

● #bca86a color description : Slightly desaturated yellow.

The hexadecimal color #bca86a has RGB values of R:188, G:168, B:106 and CMYK values of C:0, M:0.11, Y:0.44, K:0.26. Its decimal value is 12363882.

Hex triplet	bca86a	`#bca86a`
RGB Decimal	188, 168, 106	`rgb(188,168,106)`
RGB Percent	73.7, 65.9, 41.6	`rgb(73.7%,65.9%,41.6%)`
CMYK	0, 11, 44, 26
HSL	45.4°, 38, 57.6	`hsl(45.4,38%,57.6%)`
HSV (or HSB)	45.4°, 43.6, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.283, -1.39, 34.618
XYZ	37.343, 39.738, 19.338
xyY	0.387, 0.412, 39.738
CIE-LCH	69.283, 34.646, 92.3
CIE-LUV	69.283, 16.387, 44.057
Hunter-Lab	63.038, -4.576, 25.939
Binary	10111100, 10101000, 01101010

#bca86a
```
#bca86a rgb(188,168,106)
```
#6a7ebc
```
#6a7ebc rgb(106,126,188)
```

Complementary Color

#bc7f6a
```
#bc7f6a rgb(188,127,106)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#a7bc6a
```
#a7bc6a rgb(167,188,106)
```

Analogous Color

#7f6abc
```
#7f6abc rgb(127,106,188)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#6aa7bc
```
#6aa7bc rgb(106,167,188)
```

Split Complementary Color

#a86abc
```
#a86abc rgb(168,106,188)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#6abca8
```
#6abca8 rgb(106,188,168)
```

Triadic Color

#bc6a7e
```
#bc6a7e rgb(188,106,126)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#6abca8
```
#6abca8 rgb(106,188,168)
```
#6a7ebc
```
#6a7ebc rgb(106,126,188)
```

Tetradic Color

#968243
```
#968243 rgb(150,130,67)
```
#a8914b
```
#a8914b rgb(168,145,75)
```
#b49e58
```
#b49e58 rgb(180,158,88)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#c4b27c
```
#c4b27c rgb(196,178,124)
```
#ccbd8d
```
#ccbd8d rgb(204,189,141)
```
#d4c79f
```
#d4c79f rgb(212,199,159)
```

Monochromatic Color

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

#bc946a
```
#bc946a rgb(188,148,106)
```
#bc9a6a
```
#bc9a6a rgb(188,154,106)
```
#bca16a
```
#bca16a rgb(188,161,106)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#bcaf6a
```
#bcaf6a rgb(188,175,106)
```
#bcb66a
```
#bcb66a rgb(188,182,106)
```
#bcbc6a
```
#bcbc6a rgb(188,188,106)
```

Similar Colors

Text with hexadecimal color #bca86a

This text has a font color of #bca86a.

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

#bca86a background color

This paragraph has a background color of #bca86a.

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

#bca86a border color

This element has a border color of #bca86a.

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

CSS codes

.text {color:#bca86a;}

.background {background-color:#bca86a;}

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

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

#0d0c06
```
#0d0c06 rgb(13,12,6)
```
#1b170c
```
#1b170c rgb(27,23,12)
```
#282312
```
#282312 rgb(40,35,18)
```
#362f18
```
#362f18 rgb(54,47,24)
```
#433a1e
```
#433a1e rgb(67,58,30)
```
#514624
```
#514624 rgb(81,70,36)
```
#5f522b
```
#5f522b rgb(95,82,43)
```
#6c5e31
```
#6c5e31 rgb(108,94,49)
```
#7a6937
```
#7a6937 rgb(122,105,55)
```
#87753d
```
#87753d rgb(135,117,61)
```
#958143
```
#958143 rgb(149,129,67)
```
#a28c49
```
#a28c49 rgb(162,140,73)
```
#b0984f
```
#b0984f rgb(176,152,79)
```

Shade Color Variation

#b6a05c
```
#b6a05c rgb(182,160,92)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#c2b078
```
#c2b078 rgb(194,176,120)
```
#c8b885
```
#c8b885 rgb(200,184,133)
```
#cec093
```
#cec093 rgb(206,192,147)
```
#d4c8a0
```
#d4c8a0 rgb(212,200,160)
```
#dad0ae
```
#dad0ae rgb(218,208,174)
```
#e1d7bb
```
#e1d7bb rgb(225,215,187)
```
#e7dfc9
```
#e7dfc9 rgb(231,223,201)
```
#ede7d6
```
#ede7d6 rgb(237,231,214)
```
#f3efe4
```
#f3efe4 rgb(243,239,228)
```
#f9f7f1
```
#f9f7f1 rgb(249,247,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9b978b
```
#9b978b rgb(155,151,139)
```
#a39b83
```
#a39b83 rgb(163,155,131)
```
#ab9f7b
```
#ab9f7b rgb(171,159,123)
```
#b4a472
```
#b4a472 rgb(180,164,114)
```
#bca86a
```
#bca86a rgb(188,168,106)
```
#c4ac62
```
#c4ac62 rgb(196,172,98)
```
#cdb159
```
#cdb159 rgb(205,177,89)
```
#d5b551
```
#d5b551 rgb(213,181,81)
```
#ddb949
```
#ddb949 rgb(221,185,73)
```
#e6bd40
```
#e6bd40 rgb(230,189,64)
```
#eec238
```
#eec238 rgb(238,194,56)
```
#f6c630
```
#f6c630 rgb(246,198,48)
```
#feca28
```
#feca28 rgb(254,202,40)
```

Tone Color Variation

Below, you can see how #bca86a 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
#aba79b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcad72 Protanopia 1% of men
#cfa673 Deuteranopia 1% of men
#c6a4b0 Tritanopia 0.001% of the population

Trichromacy

#bcab6f Protanomaly 1% of men, 0.01% of women
#c8a770 Deuteranomaly 6% of men, 0.4% of women
#c2a596 Tritanomaly 0.01% of the population

#bca86a hex color

#bca86a Color Information

#bca86a Color Conversion

Color Schemes with #bca86a

Alternatives to #bca86a

#bca86a Preview

Shades and Tints of #bca86a

Tones of #bca86a

Color Blindness Simulator