#bba46f hex color

In a RGB color space, hex #bba46f is composed of 73.3% red, 64.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 40.6% yellow and 26.7% black. It has a hue angle of 41.8 degrees, a saturation of 35.8% and a lightness of 58.4%. #bba46f color hex could be obtained by blending #ffffde with #774900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 64
- B 44
RGB color chart
- C 0
- M 12
- Y 41
- K 27
CMYK color chart

● #bba46f color description : Slightly desaturated orange.

The hexadecimal color #bba46f has RGB values of R:187, G:164, B:111 and CMYK values of C:0, M:0.12, Y:0.41, K:0.27. Its decimal value is 12297327.

Hex triplet	bba46f	`#bba46f`
RGB Decimal	187, 164, 111	`rgb(187,164,111)`
RGB Percent	73.3, 64.3, 43.5	`rgb(73.3%,64.3%,43.5%)`
CMYK	0, 12, 41, 27
HSL	41.8°, 35.8, 58.4	`hsl(41.8,35.8%,58.4%)`
HSV (or HSB)	41.8°, 40.6, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.215, 0.892, 30.581
XYZ	36.638, 38.264, 20.494
xyY	0.384, 0.401, 38.264
CIE-LCH	68.215, 30.594, 88.328
CIE-LUV	68.215, 17.927, 39.079
Hunter-Lab	61.858, -2.528, 23.658
Binary	10111011, 10100100, 01101111

#bba46f
```
#bba46f rgb(187,164,111)
```
#6f86bb
```
#6f86bb rgb(111,134,187)
```

Complementary Color

#bb7e6f
```
#bb7e6f rgb(187,126,111)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#acbb6f
```
#acbb6f rgb(172,187,111)
```

Analogous Color

#7e6fbb
```
#7e6fbb rgb(126,111,187)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#6facbb
```
#6facbb rgb(111,172,187)
```

Split Complementary Color

#a46fbb
```
#a46fbb rgb(164,111,187)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#6fbba4
```
#6fbba4 rgb(111,187,164)
```

Triadic Color

#bb6f86
```
#bb6f86 rgb(187,111,134)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#6fbba4
```
#6fbba4 rgb(111,187,164)
```
#6f86bb
```
#6f86bb rgb(111,134,187)
```

Tetradic Color

#967e47
```
#967e47 rgb(150,126,71)
```
#a88d4f
```
#a88d4f rgb(168,141,79)
```
#b3995e
```
#b3995e rgb(179,153,94)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#c3af80
```
#c3af80 rgb(195,175,128)
```
#cbba92
```
#cbba92 rgb(203,186,146)
```
#d4c5a3
```
#d4c5a3 rgb(212,197,163)
```

Monochromatic Color

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

#bb916f
```
#bb916f rgb(187,145,111)
```
#bb976f
```
#bb976f rgb(187,151,111)
```
#bb9e6f
```
#bb9e6f rgb(187,158,111)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#bbaa6f
```
#bbaa6f rgb(187,170,111)
```
#bbb16f
```
#bbb16f rgb(187,177,111)
```
#bbb76f
```
#bbb76f rgb(187,183,111)
```

Similar Colors

Text with hexadecimal color #bba46f

This text has a font color of #bba46f.

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

#bba46f background color

This paragraph has a background color of #bba46f.

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

#bba46f border color

This element has a border color of #bba46f.

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

CSS codes

.text {color:#bba46f;}

.background {background-color:#bba46f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#100d08
```
#100d08 rgb(16,13,8)
```
#1d190e
```
#1d190e rgb(29,25,14)
```
#2b2414
```
#2b2414 rgb(43,36,20)
```
#382f1a
```
#382f1a rgb(56,47,26)
```
#453a21
```
#453a21 rgb(69,58,33)
```
#534527
```
#534527 rgb(83,69,39)
```
#60512d
```
#60512d rgb(96,81,45)
```
#6d5c34
```
#6d5c34 rgb(109,92,52)
```
#7a673a
```
#7a673a rgb(122,103,58)
```
#887240
```
#887240 rgb(136,114,64)
```
#957d46
```
#957d46 rgb(149,125,70)
```
#a2884d
```
#a2884d rgb(162,136,77)
```

Shade Color Variation

#ae9354
```
#ae9354 rgb(174,147,84)
```
#b59c62
```
#b59c62 rgb(181,156,98)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#c1ac7c
```
#c1ac7c rgb(193,172,124)
```
#c8b58a
```
#c8b58a rgb(200,181,138)
```
#cebd97
```
#cebd97 rgb(206,189,151)
```
#d4c6a4
```
#d4c6a4 rgb(212,198,164)
```
#daceb2
```
#daceb2 rgb(218,206,178)
```
#e1d7bf
```
#e1d7bf rgb(225,215,191)
```
#e7dfcc
```
#e7dfcc rgb(231,223,204)
```
#ede7da
```
#ede7da rgb(237,231,218)
```
#f4f0e7
```
#f4f0e7 rgb(244,240,231)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#9a9790
```
#9a9790 rgb(154,151,144)
```
#a39a87
```
#a39a87 rgb(163,154,135)
```
#ab9e7f
```
#ab9e7f rgb(171,158,127)
```
#b3a177
```
#b3a177 rgb(179,161,119)
```
#bba46f
```
#bba46f rgb(187,164,111)
```
#c3a767
```
#c3a767 rgb(195,167,103)
```
#cbaa5f
```
#cbaa5f rgb(203,170,95)
```
#d3ae57
```
#d3ae57 rgb(211,174,87)
```
#dcb14e
```
#dcb14e rgb(220,177,78)
```
#e4b446
```
#e4b446 rgb(228,180,70)
```
#ecb73e
```
#ecb73e rgb(236,183,62)
```
#f4bb36
```
#f4bb36 rgb(244,187,54)
```
#fcbe2e
```
#fcbe2e rgb(252,190,46)
```

Tone Color Variation

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

Dichromacy

#b8aa77 Protanopia 1% of men
#caa477 Deuteranopia 1% of men
#c5a1ad Tritanopia 0.001% of the population

Trichromacy

#b9a874 Protanomaly 1% of men, 0.01% of women
#c5a474 Deuteranomaly 6% of men, 0.4% of women
#c1a296 Tritanomaly 0.01% of the population

#bba46f hex color

#bba46f Color Information

#bba46f Color Conversion

Color Schemes with #bba46f

Alternatives to #bba46f

#bba46f Preview

Shades and Tints of #bba46f

Tones of #bba46f

Color Blindness Simulator