colorhexa.com

#bca667 hex color

In a RGB color space, hex #bca667 is composed of 73.7% red, 65.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.7% magenta, 45.2% yellow and 26.3% black. It has a hue angle of 44.5 degrees, a saturation of 38.8% and a lightness of 57.1%. #bca667 color hex could be obtained by blending #ffffce with #794d00. Closest websafe color is: #cc9966.

- R 74
- G 65
- B 40
RGB color chart
- C 0
- M 12
- Y 45
- K 26
CMYK color chart

● #bca667 color description : Slightly desaturated orange.

The hexadecimal color #bca667 has RGB values of R:188, G:166, B:103 and CMYK values of C:0, M:0.12, Y:0.45, K:0.26. Its decimal value is 12363367.

Hex triplet	bca667	`#bca667`
RGB Decimal	188, 166, 103	`rgb(188,166,103)`
RGB Percent	73.7, 65.1, 40.4	`rgb(73.7%,65.1%,40.4%)`
CMYK	0, 12, 45, 26
HSL	44.5°, 38.8, 57.1	`hsl(44.5,38.8%,57.1%)`
HSV (or HSB)	44.5°, 45.2, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.711, -0.632, 35.463
XYZ	36.823, 38.944, 18.409
xyY	0.391, 0.414, 38.944
CIE-LCH	68.711, 35.469, 91.021
CIE-LUV	68.711, 17.849, 44.652
Hunter-Lab	62.405, -3.882, 26.194
Binary	10111100, 10100110, 01100111

#bca667
```
#bca667 rgb(188,166,103)
```
#677dbc
```
#677dbc rgb(103,125,188)
```

Complementary Color

#bc7c67
```
#bc7c67 rgb(188,124,103)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#a8bc67
```
#a8bc67 rgb(168,188,103)
```

Analogous Color

#7c67bc
```
#7c67bc rgb(124,103,188)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#67a8bc
```
#67a8bc rgb(103,168,188)
```

Split Complementary Color

#a667bc
```
#a667bc rgb(166,103,188)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#67bca6
```
#67bca6 rgb(103,188,166)
```

Triadic Color

#bc677d
```
#bc677d rgb(188,103,125)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#67bca6
```
#67bca6 rgb(103,188,166)
```
#677dbc
```
#677dbc rgb(103,125,188)
```

Tetradic Color

#957f42
```
#957f42 rgb(149,127,66)
```
#a78e49
```
#a78e49 rgb(167,142,73)
```
#b49c55
```
#b49c55 rgb(180,156,85)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#c4b079
```
#c4b079 rgb(196,176,121)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#d3c59c
```
#d3c59c rgb(211,197,156)
```

Monochromatic Color

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

#bc9167
```
#bc9167 rgb(188,145,103)
```
#bc9867
```
#bc9867 rgb(188,152,103)
```
#bc9f67
```
#bc9f67 rgb(188,159,103)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#bcad67
```
#bcad67 rgb(188,173,103)
```
#bcb467
```
#bcb467 rgb(188,180,103)
```
#bcbb67
```
#bcbb67 rgb(188,187,103)
```

Similar Colors

Text with hexadecimal color #bca667

This text has a font color of #bca667.

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

#bca667 background color

This paragraph has a background color of #bca667.

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

#bca667 border color

This element has a border color of #bca667.

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

CSS codes

.text {color:#bca667;}

.background {background-color:#bca667;}

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

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

#0b0a05
```
#0b0a05 rgb(11,10,5)
```
#19150b
```
#19150b rgb(25,21,11)
```
#272111
```
#272111 rgb(39,33,17)
```
#342d17
```
#342d17 rgb(52,45,23)
```
#42381d
```
#42381d rgb(66,56,29)
```
#4f4423
```
#4f4423 rgb(79,68,35)
```
#5d5029
```
#5d5029 rgb(93,80,41)
```
#6b5b2f
```
#6b5b2f rgb(107,91,47)
```
#786735
```
#786735 rgb(120,103,53)
```
#86733b
```
#86733b rgb(134,115,59)
```
#947e41
```
#947e41 rgb(148,126,65)
```
#a18a47
```
#a18a47 rgb(161,138,71)
```
#af954d
```
#af954d rgb(175,149,77)
```

Shade Color Variation

#b69e59
```
#b69e59 rgb(182,158,89)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#c2ae75
```
#c2ae75 rgb(194,174,117)
```
#c8b682
```
#c8b682 rgb(200,182,130)
```
#cebe90
```
#cebe90 rgb(206,190,144)
```
#d4c69d
```
#d4c69d rgb(212,198,157)
```
#daceab
```
#daceab rgb(218,206,171)
```
#e0d6b9
```
#e0d6b9 rgb(224,214,185)
```
#e6dec6
```
#e6dec6 rgb(230,222,198)
```
#ece6d4
```
#ece6d4 rgb(236,230,212)
```
#f2eee2
```
#f2eee2 rgb(242,238,226)
```
#f8f6ef
```
#f8f6ef rgb(248,246,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#929291
```
#929291 rgb(146,146,145)
```
#9a9689
```
#9a9689 rgb(154,150,137)
```
#a39a80
```
#a39a80 rgb(163,154,128)
```
#ab9e78
```
#ab9e78 rgb(171,158,120)
```
#b4a26f
```
#b4a26f rgb(180,162,111)
```
#bca667
```
#bca667 rgb(188,166,103)
```
#c4aa5f
```
#c4aa5f rgb(196,170,95)
```
#cdae56
```
#cdae56 rgb(205,174,86)
```
#d5b24e
```
#d5b24e rgb(213,178,78)
```
#deb645
```
#deb645 rgb(222,182,69)
```
#e6ba3d
```
#e6ba3d rgb(230,186,61)
```
#efbe34
```
#efbe34 rgb(239,190,52)
```
#f7c22c
```
#f7c22c rgb(247,194,44)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aaa599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac6f Protanopia 1% of men
#cea570 Deuteranopia 1% of men
#c6a2ae Tritanopia 0.001% of the population

Trichromacy

#bba96c Protanomaly 1% of men, 0.01% of women
#c7a56d Deuteranomaly 6% of men, 0.4% of women
#c2a394 Tritanomaly 0.01% of the population