#bca66f hex color

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

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

● #bca66f color description : Slightly desaturated orange.

The hexadecimal color #bca66f has RGB values of R:188, G:166, B:111 and CMYK values of C:0, M:0.12, Y:0.41, K:0.26. Its decimal value is 12363375.

Hex triplet	bca66f	`#bca66f`
RGB Decimal	188, 166, 111	`rgb(188,166,111)`
RGB Percent	73.7, 65.1, 43.5	`rgb(73.7%,65.1%,43.5%)`
CMYK	0, 12, 41, 26
HSL	42.9°, 36.5, 58.6	`hsl(42.9,36.5%,58.6%)`
HSV (or HSB)	42.9°, 41, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.833, 0.226, 31.4
XYZ	37.244, 39.112, 20.626
xyY	0.384, 0.403, 39.112
CIE-LCH	68.833, 31.401, 89.587
CIE-LUV	68.833, 17.35, 40.217
Hunter-Lab	62.54, -3.143, 24.224
Binary	10111100, 10100110, 01101111

#bca66f
```
#bca66f rgb(188,166,111)
```
#6f85bc
```
#6f85bc rgb(111,133,188)
```

Complementary Color

#bc806f
```
#bc806f rgb(188,128,111)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#acbc6f
```
#acbc6f rgb(172,188,111)
```

Analogous Color

#806fbc
```
#806fbc rgb(128,111,188)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#6facbc
```
#6facbc rgb(111,172,188)
```

Split Complementary Color

#a66fbc
```
#a66fbc rgb(166,111,188)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#6fbca6
```
#6fbca6 rgb(111,188,166)
```

Triadic Color

#bc6f85
```
#bc6f85 rgb(188,111,133)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#6fbca6
```
#6fbca6 rgb(111,188,166)
```
#6f85bc
```
#6f85bc rgb(111,133,188)
```

Tetradic Color

#988147
```
#988147 rgb(152,129,71)
```
#a98f4f
```
#a98f4f rgb(169,143,79)
```
#b49b5e
```
#b49b5e rgb(180,155,94)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#c4b180
```
#c4b180 rgb(196,177,128)
```
#ccbc92
```
#ccbc92 rgb(204,188,146)
```
#d4c6a3
```
#d4c6a3 rgb(212,198,163)
```

Monochromatic Color

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

#bc936f
```
#bc936f rgb(188,147,111)
```
#bc996f
```
#bc996f rgb(188,153,111)
```
#bca06f
```
#bca06f rgb(188,160,111)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#bcac6f
```
#bcac6f rgb(188,172,111)
```
#bcb36f
```
#bcb36f rgb(188,179,111)
```
#bcb96f
```
#bcb96f rgb(188,185,111)
```

Similar Colors

Text with hexadecimal color #bca66f

This text has a font color of #bca66f.

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

#bca66f background color

This paragraph has a background color of #bca66f.

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

#bca66f border color

This element has a border color of #bca66f.

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

CSS codes

.text {color:#bca66f;}

.background {background-color:#bca66f;}

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

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)
```
#1e190e
```
#1e190e rgb(30,25,14)
```
#2b2514
```
#2b2514 rgb(43,37,20)
```
#39301a
```
#39301a rgb(57,48,26)
```
#463b21
```
#463b21 rgb(70,59,33)
```
#544727
```
#544727 rgb(84,71,39)
```
#61522d
```
#61522d rgb(97,82,45)
```
#6e5d33
```
#6e5d33 rgb(110,93,51)
```
#7c693a
```
#7c693a rgb(124,105,58)
```
#897440
```
#897440 rgb(137,116,64)
```
#978046
```
#978046 rgb(151,128,70)
```
#a48b4c
```
#a48b4c rgb(164,139,76)
```

Shade Color Variation

#b09554
```
#b09554 rgb(176,149,84)
```
#b69e62
```
#b69e62 rgb(182,158,98)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#c2ae7c
```
#c2ae7c rgb(194,174,124)
```
#c8b78a
```
#c8b78a rgb(200,183,138)
```
#cfbf97
```
#cfbf97 rgb(207,191,151)
```
#d5c7a5
```
#d5c7a5 rgb(213,199,165)
```
#dbcfb2
```
#dbcfb2 rgb(219,207,178)
```
#e1d8bf
```
#e1d8bf rgb(225,216,191)
```
#e8e0cd
```
#e8e0cd rgb(232,224,205)
```
#eee8da
```
#eee8da rgb(238,232,218)
```
#f4f0e7
```
#f4f0e7 rgb(244,240,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 #fdc22e is the most saturated one.

#9c988f
```
#9c988f rgb(156,152,143)
```
#a49c87
```
#a49c87 rgb(164,156,135)
```
#ac9f7f
```
#ac9f7f rgb(172,159,127)
```
#b4a377
```
#b4a377 rgb(180,163,119)
```
#bca66f
```
#bca66f rgb(188,166,111)
```
#c4a967
```
#c4a967 rgb(196,169,103)
```
#ccad5f
```
#ccad5f rgb(204,173,95)
```
#d4b057
```
#d4b057 rgb(212,176,87)
```
#dcb44f
```
#dcb44f rgb(220,180,79)
```
#e5b746
```
#e5b746 rgb(229,183,70)
```
#edbb3e
```
#edbb3e rgb(237,187,62)
```
#f5be36
```
#f5be36 rgb(245,190,54)
```
#fdc22e
```
#fdc22e rgb(253,194,46)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aaa69b Atypical Achromatopsia 0.001% of the population

Dichromacy

#baac77 Protanopia 1% of men
#cca578 Deuteranopia 1% of men
#c6a3ae Tritanopia 0.001% of the population

Trichromacy

#baaa74 Protanomaly 1% of men, 0.01% of women
#c6a574 Deuteranomaly 6% of men, 0.4% of women
#c2a497 Tritanomaly 0.01% of the population

#bca66f hex color

#bca66f Color Information

#bca66f Color Conversion

Color Schemes with #bca66f

Alternatives to #bca66f

#bca66f Preview

Shades and Tints of #bca66f

Tones of #bca66f

Color Blindness Simulator