#bba161 hex color

In a RGB color space, hex #bba161 is composed of 73.3% red, 63.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 48.1% yellow and 26.7% black. It has a hue angle of 42.7 degrees, a saturation of 39.8% and a lightness of 55.7%. #bba161 color hex could be obtained by blending #ffffc2 with #774300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 63
- B 38
RGB color chart
- C 0
- M 14
- Y 48
- K 27
CMYK color chart

● #bba161 color description : Slightly desaturated orange.

The hexadecimal color #bba161 has RGB values of R:187, G:161, B:97 and CMYK values of C:0, M:0.14, Y:0.48, K:0.27. Its decimal value is 12296545.

Hex triplet	bba161	`#bba161`
RGB Decimal	187, 161, 97	`rgb(187,161,97)`
RGB Percent	73.3, 63.1, 38	`rgb(73.3%,63.1%,38%)`
CMYK	0, 14, 48, 27
HSL	42.7°, 39.8, 55.7	`hsl(42.7,39.8%,55.7%)`
HSV (or HSB)	42.7°, 48.1, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.216, 1.039, 36.697
XYZ	35.396, 36.919, 16.57
xyY	0.398, 0.415, 36.919
CIE-LCH	67.216, 36.712, 88.378
CIE-LUV	67.216, 20.771, 45.208
Hunter-Lab	60.761, -2.347, 26.363
Binary	10111011, 10100001, 01100001

#bba161
```
#bba161 rgb(187,161,97)
```
#617bbb
```
#617bbb rgb(97,123,187)
```

Complementary Color

#bb7461
```
#bb7461 rgb(187,116,97)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#a8bb61
```
#a8bb61 rgb(168,187,97)
```

Analogous Color

#7461bb
```
#7461bb rgb(116,97,187)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#61a8bb
```
#61a8bb rgb(97,168,187)
```

Split Complementary Color

#a161bb
```
#a161bb rgb(161,97,187)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#61bba1
```
#61bba1 rgb(97,187,161)
```

Triadic Color

#bb617b
```
#bb617b rgb(187,97,123)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#61bba1
```
#61bba1 rgb(97,187,161)
```
#617bbb
```
#617bbb rgb(97,123,187)
```

Tetradic Color

#91793e
```
#91793e rgb(145,121,62)
```
#a38846
```
#a38846 rgb(163,136,70)
```
#b3964f
```
#b3964f rgb(179,150,79)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#c3ac73
```
#c3ac73 rgb(195,172,115)
```
#cab685
```
#cab685 rgb(202,182,133)
```
#d2c196
```
#d2c196 rgb(210,193,150)
```

Monochromatic Color

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

#bb8b61
```
#bb8b61 rgb(187,139,97)
```
#bb9261
```
#bb9261 rgb(187,146,97)
```
#bb9a61
```
#bb9a61 rgb(187,154,97)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#bba961
```
#bba961 rgb(187,169,97)
```
#bbb061
```
#bbb061 rgb(187,176,97)
```
#bbb861
```
#bbb861 rgb(187,184,97)
```

Similar Colors

Text with hexadecimal color #bba161

This text has a font color of #bba161.

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

#bba161 background color

This paragraph has a background color of #bba161.

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

#bba161 border color

This element has a border color of #bba161.

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

CSS codes

.text {color:#bba161;}

.background {background-color:#bba161;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#141109
```
#141109 rgb(20,17,9)
```
#221c0f
```
#221c0f rgb(34,28,15)
```
#302815
```
#302815 rgb(48,40,21)
```
#3d331a
```
#3d331a rgb(61,51,26)
```
#4b3f20
```
#4b3f20 rgb(75,63,32)
```
#594a26
```
#594a26 rgb(89,74,38)
```
#67562c
```
#67562c rgb(103,86,44)
```
#746132
```
#746132 rgb(116,97,50)
```
#826d38
```
#826d38 rgb(130,109,56)
```
#90783e
```
#90783e rgb(144,120,62)
```
#9d8444
```
#9d8444 rgb(157,132,68)
```
#ab8f4a
```
#ab8f4a rgb(171,143,74)
```

Shade Color Variation

#b59953
```
#b59953 rgb(181,153,83)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#c1a96f
```
#c1a96f rgb(193,169,111)
```
#c7b17c
```
#c7b17c rgb(199,177,124)
```
#cdb98a
```
#cdb98a rgb(205,185,138)
```
#d3c298
```
#d3c298 rgb(211,194,152)
```
#d9caa6
```
#d9caa6 rgb(217,202,166)
```
#ded2b3
```
#ded2b3 rgb(222,210,179)
```
#e4dac1
```
#e4dac1 rgb(228,218,193)
```
#eae2cf
```
#eae2cf rgb(234,226,207)
```
#f0eadc
```
#f0eadc rgb(240,234,220)
```
#f6f3ea
```
#f6f3ea rgb(246,243,234)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#908f8c
```
#908f8c rgb(144,143,140)
```
#989284
```
#989284 rgb(152,146,132)
```
#a1967b
```
#a1967b rgb(161,150,123)
```
#aa9a72
```
#aa9a72 rgb(170,154,114)
```
#b29d6a
```
#b29d6a rgb(178,157,106)
```
#bba161
```
#bba161 rgb(187,161,97)
```
#c4a558
```
#c4a558 rgb(196,165,88)
```
#cca850
```
#cca850 rgb(204,168,80)
```
#d5ac47
```
#d5ac47 rgb(213,172,71)
```
#deb03e
```
#deb03e rgb(222,176,62)
```
#e6b336
```
#e6b336 rgb(230,179,54)
```
#efb72d
```
#efb72d rgb(239,183,45)
```
#f8bb24
```
#f8bb24 rgb(248,187,36)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a6a194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a86a Protanopia 1% of men
#caa16a Deuteranopia 1% of men
#c59ea9 Tritanopia 0.001% of the population

Trichromacy

#b8a566 Protanomaly 1% of men, 0.01% of women
#c4a167 Deuteranomaly 6% of men, 0.4% of women
#c19f8e Tritanomaly 0.01% of the population

#bba161 hex color

#bba161 Color Information

#bba161 Color Conversion

Color Schemes with #bba161

Alternatives to #bba161

#bba161 Preview

Shades and Tints of #bba161

Tones of #bba161

Color Blindness Simulator