#bca685 hex color

In a RGB color space, hex #bca685 is composed of 73.7% red, 65.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.7% magenta, 29.3% yellow and 26.3% black. It has a hue angle of 36 degrees, a saturation of 29.1% and a lightness of 62.9%. #bca685 color hex could be obtained by blending #ffffff with #794d0b. Closest websafe color is: #cc9999.

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

● #bca685 color description : Slightly desaturated orange.

The hexadecimal color #bca685 has RGB values of R:188, G:166, B:133 and CMYK values of C:0, M:0.12, Y:0.29, K:0.26. Its decimal value is 12363397.

Hex triplet	bca685	`#bca685`
RGB Decimal	188, 166, 133	`rgb(188,166,133)`
RGB Percent	73.7, 65.1, 52.2	`rgb(73.7%,65.1%,52.2%)`
CMYK	0, 12, 29, 26
HSL	36°, 29.1, 62.9	`hsl(36,29.1%,62.9%)`
HSV (or HSB)	36°, 29.3, 73.7
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.225, 2.947, 20.045
XYZ	38.608, 39.658, 27.81
xyY	0.364, 0.374, 39.658
CIE-LCH	69.225, 20.261, 81.635
CIE-LUV	69.225, 15.817, 26.572
Hunter-Lab	62.975, -0.771, 17.899
Binary	10111100, 10100110, 10000101

#bca685
```
#bca685 rgb(188,166,133)
```
#859bbc
```
#859bbc rgb(133,155,188)
```

Complementary Color

#bc8b85
```
#bc8b85 rgb(188,139,133)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#b7bc85
```
#b7bc85 rgb(183,188,133)
```

Analogous Color

#8b85bc
```
#8b85bc rgb(139,133,188)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#85b7bc
```
#85b7bc rgb(133,183,188)
```

Split Complementary Color

#a685bc
```
#a685bc rgb(166,133,188)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#85bca6
```
#85bca6 rgb(133,188,166)
```

Triadic Color

#bc859b
```
#bc859b rgb(188,133,155)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#85bca6
```
#85bca6 rgb(133,188,166)
```
#859bbc
```
#859bbc rgb(133,155,188)
```

Tetradic Color

#9e8157
```
#9e8157 rgb(158,129,87)
```
#aa8e64
```
#aa8e64 rgb(170,142,100)
```
#b39a75
```
#b39a75 rgb(179,154,117)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#c5b295
```
#c5b295 rgb(197,178,149)
```
#cebea6
```
#cebea6 rgb(206,190,166)
```
#d7cab6
```
#d7cab6 rgb(215,202,182)
```

Monochromatic Color

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

#bc9885
```
#bc9885 rgb(188,152,133)
```
#bc9d85
```
#bc9d85 rgb(188,157,133)
```
#bca185
```
#bca185 rgb(188,161,133)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#bcab85
```
#bcab85 rgb(188,171,133)
```
#bcaf85
```
#bcaf85 rgb(188,175,133)
```
#bcb485
```
#bcb485 rgb(188,180,133)
```

Similar Colors

Text with hexadecimal color #bca685

This text has a font color of #bca685.

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

#bca685 background color

This paragraph has a background color of #bca685.

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

#bca685 border color

This element has a border color of #bca685.

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

CSS codes

.text {color:#bca685;}

.background {background-color:#bca685;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110e09
```
#110e09 rgb(17,14,9)
```
#1e1910
```
#1e1910 rgb(30,25,16)
```
#2b2317
```
#2b2317 rgb(43,35,23)
```
#372d1e
```
#372d1e rgb(55,45,30)
```
#443825
```
#443825 rgb(68,56,37)
```
#51422c
```
#51422c rgb(81,66,44)
```
#5d4c33
```
#5d4c33 rgb(93,76,51)
```
#6a573a
```
#6a573a rgb(106,87,58)
```
#776141
```
#776141 rgb(119,97,65)
```
#836c48
```
#836c48 rgb(131,108,72)
```
#90764f
```
#90764f rgb(144,118,79)
```
#9d8056
```
#9d8056 rgb(157,128,86)
```

Shade Color Variation

#a78a5f
```
#a78a5f rgb(167,138,95)
```
#ae946c
```
#ae946c rgb(174,148,108)
```
#b59d78
```
#b59d78 rgb(181,157,120)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#c3af92
```
#c3af92 rgb(195,175,146)
```
#cab89e
```
#cab89e rgb(202,184,158)
```
#d1c2ab
```
#d1c2ab rgb(209,194,171)
```
#d8cbb8
```
#d8cbb8 rgb(216,203,184)
```
#dfd4c4
```
#dfd4c4 rgb(223,212,196)
```
#e6ddd1
```
#e6ddd1 rgb(230,221,209)
```
#ede7de
```
#ede7de rgb(237,231,222)
```
#f4f0ea
```
#f4f0ea rgb(244,240,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#a6a29b
```
#a6a29b rgb(166,162,155)
```
#ada394
```
#ada394 rgb(173,163,148)
```
#b5a58c
```
#b5a58c rgb(181,165,140)
```
#bca685
```
#bca685 rgb(188,166,133)
```
#c3a77e
```
#c3a77e rgb(195,167,126)
```
#cba976
```
#cba976 rgb(203,169,118)
```
#d2aa6f
```
#d2aa6f rgb(210,170,111)
```
#d9ac68
```
#d9ac68 rgb(217,172,104)
```
#e0ad61
```
#e0ad61 rgb(224,173,97)
```
#e8af59
```
#e8af59 rgb(232,175,89)
```
#efb052
```
#efb052 rgb(239,176,82)
```
#f6b24b
```
#f6b24b rgb(246,178,75)
```
#fdb344
```
#fdb344 rgb(253,179,68)
```

Tone Color Variation

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

Dichromacy

#b7ad8c Protanopia 1% of men
#c9a78c Deuteranopia 1% of men
#c4a5b0 Tritanopia 0.001% of the population

Trichromacy

#b9aa89 Protanomaly 1% of men, 0.01% of women
#c4a689 Deuteranomaly 6% of men, 0.4% of women
#c1a5a0 Tritanomaly 0.01% of the population

#bca685 hex color

#bca685 Color Information

#bca685 Color Conversion

Color Schemes with #bca685

Alternatives to #bca685

#bca685 Preview

Shades and Tints of #bca685

Tones of #bca685

Color Blindness Simulator