#bca98f hex color

In a RGB color space, hex #bca98f is composed of 73.7% red, 66.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.1% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 34.7 degrees, a saturation of 25.1% and a lightness of 64.9%. #bca98f color hex could be obtained by blending #ffffff with #79531f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 74
- G 66
- B 56
RGB color chart
- C 0
- M 10
- Y 24
- K 26
CMYK color chart

● #bca98f color description : Grayish orange.

The hexadecimal color #bca98f has RGB values of R:188, G:169, B:143 and CMYK values of C:0, M:0.1, Y:0.24, K:0.26. Its decimal value is 12364175.

Hex triplet	bca98f	`#bca98f`
RGB Decimal	188, 169, 143	`rgb(188,169,143)`
RGB Percent	73.7, 66.3, 56.1	`rgb(73.7%,66.3%,56.1%)`
CMYK	0, 10, 24, 26
HSL	34.7°, 25.1, 64.9	`hsl(34.7,25.1%,64.9%)`
HSV (or HSB)	34.7°, 23.9, 73.7
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.212, 2.73, 15.936
XYZ	39.884, 41.051, 31.808
xyY	0.354, 0.364, 41.051
CIE-LCH	70.212, 16.168, 80.278
CIE-LUV	70.212, 13.3, 21.516
Hunter-Lab	64.071, -1.008, 15.416
Binary	10111100, 10101001, 10001111

#bca98f
```
#bca98f rgb(188,169,143)
```
#8fa2bc
```
#8fa2bc rgb(143,162,188)
```

Complementary Color

#bc938f
```
#bc938f rgb(188,147,143)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#b9bc8f
```
#b9bc8f rgb(185,188,143)
```

Analogous Color

#938fbc
```
#938fbc rgb(147,143,188)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#8fb9bc
```
#8fb9bc rgb(143,185,188)
```

Split Complementary Color

#a98fbc
```
#a98fbc rgb(169,143,188)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#8fbca9
```
#8fbca9 rgb(143,188,169)
```

Triadic Color

#bc8fa2
```
#bc8fa2 rgb(188,143,162)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#8fbca9
```
#8fbca9 rgb(143,188,169)
```
#8fa2bc
```
#8fa2bc rgb(143,162,188)
```

Tetradic Color

#9f845f
```
#9f845f rgb(159,132,95)
```
#a9906f
```
#a9906f rgb(169,144,111)
```
#b29d7f
```
#b29d7f rgb(178,157,127)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#c6b59f
```
#c6b59f rgb(198,181,159)
```
#cfc2af
```
#cfc2af rgb(207,194,175)
```
#d9cebf
```
#d9cebf rgb(217,206,191)
```

Monochromatic Color

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

#bc9e8f
```
#bc9e8f rgb(188,158,143)
```
#bca28f
```
#bca28f rgb(188,162,143)
```
#bca58f
```
#bca58f rgb(188,165,143)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#bcad8f
```
#bcad8f rgb(188,173,143)
```
#bcb18f
```
#bcb18f rgb(188,177,143)
```
#bcb48f
```
#bcb48f rgb(188,180,143)
```

Similar Colors

Text with hexadecimal color #bca98f

This text has a font color of #bca98f.

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

#bca98f background color

This paragraph has a background color of #bca98f.

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

#bca98f border color

This element has a border color of #bca98f.

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

CSS codes

.text {color:#bca98f;}

.background {background-color:#bca98f;}

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

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

#0b0906
```
#0b0906 rgb(11,9,6)
```
#17130e
```
#17130e rgb(23,19,14)
```
#231d15
```
#231d15 rgb(35,29,21)
```
#30271c
```
#30271c rgb(48,39,28)
```
#3c3224
```
#3c3224 rgb(60,50,36)
```
#483c2b
```
#483c2b rgb(72,60,43)
```
#544632
```
#544632 rgb(84,70,50)
```
#61503a
```
#61503a rgb(97,80,58)
```
#6d5a41
```
#6d5a41 rgb(109,90,65)
```
#796548
```
#796548 rgb(121,101,72)
```
#856f50
```
#856f50 rgb(133,111,80)
```
#927957
```
#927957 rgb(146,121,87)
```
#9e835f
```
#9e835f rgb(158,131,95)
```

Shade Color Variation

#a68d6a
```
#a68d6a rgb(166,141,106)
```
#ad9676
```
#ad9676 rgb(173,150,118)
```
#b5a083
```
#b5a083 rgb(181,160,131)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#c3b29b
```
#c3b29b rgb(195,178,155)
```
#cbbca8
```
#cbbca8 rgb(203,188,168)
```
#d2c5b4
```
#d2c5b4 rgb(210,197,180)
```
#d9cfc0
```
#d9cfc0 rgb(217,207,192)
```
#e1d8cc
```
#e1d8cc rgb(225,216,204)
```
#e8e2d9
```
#e8e2d9 rgb(232,226,217)
```
#efebe5
```
#efebe5 rgb(239,235,229)
```
#f7f4f1
```
#f7f4f1 rgb(247,244,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a7a6a4
```
#a7a6a4 rgb(167,166,164)
```
#aea79d
```
#aea79d rgb(174,167,157)
```
#b5a896
```
#b5a896 rgb(181,168,150)
```
#bca98f
```
#bca98f rgb(188,169,143)
```
#c3aa88
```
#c3aa88 rgb(195,170,136)
```
#caab81
```
#caab81 rgb(202,171,129)
```
#d1ac7a
```
#d1ac7a rgb(209,172,122)
```
#d8ad73
```
#d8ad73 rgb(216,173,115)
```
#deae6d
```
#deae6d rgb(222,174,109)
```
#e5af66
```
#e5af66 rgb(229,175,102)
```
#ecb05f
```
#ecb05f rgb(236,176,95)
```
#f3b258
```
#f3b258 rgb(243,178,88)
```
#fab351
```
#fab351 rgb(250,179,81)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#afaba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9af95 Protanopia 1% of men
#c9a995 Deuteranopia 1% of men
#c3a8b4 Tritanopia 0.001% of the population

Trichromacy

#baad93 Protanomaly 1% of men, 0.01% of women
#c4a993 Deuteranomaly 6% of men, 0.4% of women
#c1a8a7 Tritanomaly 0.01% of the population

#bca98f hex color

#bca98f Color Information

#bca98f Color Conversion

Color Schemes with #bca98f

Alternatives to #bca98f

#bca98f Preview

Shades and Tints of #bca98f

Tones of #bca98f

Color Blindness Simulator