#bca45f hex color

In a RGB color space, hex #bca45f is composed of 73.7% red, 64.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 49.5% yellow and 26.3% black. It has a hue angle of 44.5 degrees, a saturation of 41% and a lightness of 55.5%. #bca45f color hex could be obtained by blending #ffffbe with #794900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 74
- G 64
- B 37
RGB color chart
- C 0
- M 13
- Y 49
- K 26
CMYK color chart

● #bca45f color description : Slightly desaturated orange.

The hexadecimal color #bca45f has RGB values of R:188, G:164, B:95 and CMYK values of C:0, M:0.13, Y:0.49, K:0.26. Its decimal value is 12362847.

Hex triplet	bca45f	`#bca45f`
RGB Decimal	188, 164, 95	`rgb(188,164,95)`
RGB Percent	73.7, 64.3, 37.3	`rgb(73.7%,64.3%,37.3%)`
CMYK	0, 13, 49, 26
HSL	44.5°, 41, 55.5	`hsl(44.5,41%,55.5%)`
HSV (or HSB)	44.5°, 49.5, 73.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.072, -0.347, 38.814
XYZ	36.08, 38.07, 16.274
xyY	0.399, 0.421, 38.07
CIE-LCH	68.072, 38.815, 90.513
CIE-LUV	68.072, 19.627, 47.79
Hunter-Lab	61.701, -3.596, 27.553
Binary	10111100, 10100100, 01011111

#bca45f
```
#bca45f rgb(188,164,95)
```
#5f77bc
```
#5f77bc rgb(95,119,188)
```

Complementary Color

#bc765f
```
#bc765f rgb(188,118,95)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#a6bc5f
```
#a6bc5f rgb(166,188,95)
```

Analogous Color

#765fbc
```
#765fbc rgb(118,95,188)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#5fa6bc
```
#5fa6bc rgb(95,166,188)
```

Split Complementary Color

#a45fbc
```
#a45fbc rgb(164,95,188)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#5fbca4
```
#5fbca4 rgb(95,188,164)
```

Triadic Color

#bc5f77
```
#bc5f77 rgb(188,95,119)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#5fbca4
```
#5fbca4 rgb(95,188,164)
```
#5f77bc
```
#5f77bc rgb(95,119,188)
```

Tetradic Color

#927c3d
```
#927c3d rgb(146,124,61)
```
#a48b44
```
#a48b44 rgb(164,139,68)
```
#b49a4d
```
#b49a4d rgb(180,154,77)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#c4ae71
```
#c4ae71 rgb(196,174,113)
```
#cbb883
```
#cbb883 rgb(203,184,131)
```
#d3c395
```
#d3c395 rgb(211,195,149)
```

Monochromatic Color

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

#bc8d5f
```
#bc8d5f rgb(188,141,95)
```
#bc955f
```
#bc955f rgb(188,149,95)
```
#bc9c5f
```
#bc9c5f rgb(188,156,95)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#bcac5f
```
#bcac5f rgb(188,172,95)
```
#bcb45f
```
#bcb45f rgb(188,180,95)
```
#bcbb5f
```
#bcbb5f rgb(188,187,95)
```

Similar Colors

Text with hexadecimal color #bca45f

This text has a font color of #bca45f.

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

#bca45f background color

This paragraph has a background color of #bca45f.

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

#bca45f border color

This element has a border color of #bca45f.

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

CSS codes

.text {color:#bca45f;}

.background {background-color:#bca45f;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#141108
```
#141108 rgb(20,17,8)
```
#221d0e
```
#221d0e rgb(34,29,14)
```
#2f2814
```
#2f2814 rgb(47,40,20)
```
#3d341a
```
#3d341a rgb(61,52,26)
```
#4b401f
```
#4b401f rgb(75,64,31)
```
#594c25
```
#594c25 rgb(89,76,37)
```
#67572b
```
#67572b rgb(103,87,43)
```
#756331
```
#756331 rgb(117,99,49)
```
#826f37
```
#826f37 rgb(130,111,55)
```
#907b3c
```
#907b3c rgb(144,123,60)
```
#9e8642
```
#9e8642 rgb(158,134,66)
```
#ac9248
```
#ac9248 rgb(172,146,72)
```

Shade Color Variation

#b69c51
```
#b69c51 rgb(182,156,81)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#c2ac6d
```
#c2ac6d rgb(194,172,109)
```
#c8b47b
```
#c8b47b rgb(200,180,123)
```
#cdbc88
```
#cdbc88 rgb(205,188,136)
```
#d3c396
```
#d3c396 rgb(211,195,150)
```
#d9cba4
```
#d9cba4 rgb(217,203,164)
```
#dfd3b2
```
#dfd3b2 rgb(223,211,178)
```
#e5dbc0
```
#e5dbc0 rgb(229,219,192)
```
#eae3ce
```
#eae3ce rgb(234,227,206)
```
#f0ebdb
```
#f0ebdb rgb(240,235,219)
```
#f6f3e9
```
#f6f3e9 rgb(246,243,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#908f8b
```
#908f8b rgb(144,143,139)
```
#999382
```
#999382 rgb(153,147,130)
```
#a29779
```
#a29779 rgb(162,151,121)
```
#ab9c70
```
#ab9c70 rgb(171,156,112)
```
#b3a068
```
#b3a068 rgb(179,160,104)
```
#bca45f
```
#bca45f rgb(188,164,95)
```
#c5a856
```
#c5a856 rgb(197,168,86)
```
#cdac4e
```
#cdac4e rgb(205,172,78)
```
#d6b145
```
#d6b145 rgb(214,177,69)
```
#dfb53c
```
#dfb53c rgb(223,181,60)
```
#e8b933
```
#e8b933 rgb(232,185,51)
```
#f0bd2b
```
#f0bd2b rgb(240,189,43)
```
#f9c222
```
#f9c222 rgb(249,194,34)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa67 Protanopia 1% of men
#cda369 Deuteranopia 1% of men
#c6a0ab Tritanopia 0.001% of the population

Trichromacy

#baa864 Protanomaly 1% of men, 0.01% of women
#c7a365 Deuteranomaly 6% of men, 0.4% of women
#c2a18f Tritanomaly 0.01% of the population

#bca45f hex color

#bca45f Color Information

#bca45f Color Conversion

Color Schemes with #bca45f

Alternatives to #bca45f

#bca45f Preview

Shades and Tints of #bca45f

Tones of #bca45f

Color Blindness Simulator