#bba16c hex color

In a RGB color space, hex #bba16c is composed of 73.3% red, 63.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 42.2% yellow and 26.7% black. It has a hue angle of 40.3 degrees, a saturation of 36.7% and a lightness of 57.8%. #bba16c color hex could be obtained by blending #ffffd8 with #774300. Closest websafe color is: #cc9966.

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

● #bba16c color description : Slightly desaturated orange.

The hexadecimal color #bba16c has RGB values of R:187, G:161, B:108 and CMYK values of C:0, M:0.14, Y:0.42, K:0.27. Its decimal value is 12296556.

Hex triplet	bba16c	`#bba16c`
RGB Decimal	187, 161, 108	`rgb(187,161,108)`
RGB Percent	73.3, 63.1, 42.4	`rgb(73.3%,63.1%,42.4%)`
CMYK	0, 14, 42, 27
HSL	40.3°, 36.7, 57.8	`hsl(40.3,36.7%,57.8%)`
HSV (or HSB)	40.3°, 42.2, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.381, 2.18, 31.1
XYZ	35.945, 37.138, 19.462
xyY	0.388, 0.401, 37.138
CIE-LCH	67.381, 31.176, 85.99
CIE-LUV	67.381, 20.045, 39.223
Hunter-Lab	60.941, -1.362, 23.725
Binary	10111011, 10100001, 01101100

#bba16c
```
#bba16c rgb(187,161,108)
```
#6c86bb
```
#6c86bb rgb(108,134,187)
```

Complementary Color

#bb7a6c
```
#bb7a6c rgb(187,122,108)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#aebb6c
```
#aebb6c rgb(174,187,108)
```

Analogous Color

#7a6cbb
```
#7a6cbb rgb(122,108,187)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#6caebb
```
#6caebb rgb(108,174,187)
```

Split Complementary Color

#a16cbb
```
#a16cbb rgb(161,108,187)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#6cbba1
```
#6cbba1 rgb(108,187,161)
```

Triadic Color

#bb6c86
```
#bb6c86 rgb(187,108,134)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#6cbba1
```
#6cbba1 rgb(108,187,161)
```
#6c86bb
```
#6c86bb rgb(108,134,187)
```

Tetradic Color

#957b45
```
#957b45 rgb(149,123,69)
```
#a7894d
```
#a7894d rgb(167,137,77)
```
#b3965b
```
#b3965b rgb(179,150,91)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#c3ac7d
```
#c3ac7d rgb(195,172,125)
```
#cbb78f
```
#cbb78f rgb(203,183,143)
```
#d3c2a0
```
#d3c2a0 rgb(211,194,160)
```

Monochromatic Color

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

#bb8d6c
```
#bb8d6c rgb(187,141,108)
```
#bb946c
```
#bb946c rgb(187,148,108)
```
#bb9a6c
```
#bb9a6c rgb(187,154,108)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#bba86c
```
#bba86c rgb(187,168,108)
```
#bbae6c
```
#bbae6c rgb(187,174,108)
```
#bbb56c
```
#bbb56c rgb(187,181,108)
```

Similar Colors

Text with hexadecimal color #bba16c

This text has a font color of #bba16c.

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

#bba16c background color

This paragraph has a background color of #bba16c.

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

#bba16c border color

This element has a border color of #bba16c.

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

CSS codes

.text {color:#bba16c;}

.background {background-color:#bba16c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1b170d
```
#1b170d rgb(27,23,13)
```
#292213
```
#292213 rgb(41,34,19)
```
#362d19
```
#362d19 rgb(54,45,25)
```
#44381f
```
#44381f rgb(68,56,31)
```
#514325
```
#514325 rgb(81,67,37)
```
#5e4e2c
```
#5e4e2c rgb(94,78,44)
```
#6c5932
```
#6c5932 rgb(108,89,50)
```
#796438
```
#796438 rgb(121,100,56)
```
#876f3e
```
#876f3e rgb(135,111,62)
```
#947a44
```
#947a44 rgb(148,122,68)
```
#a1854b
```
#a1854b rgb(161,133,75)
```

Shade Color Variation

#af9051
```
#af9051 rgb(175,144,81)
```
#b5985f
```
#b5985f rgb(181,152,95)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#c1aa79
```
#c1aa79 rgb(193,170,121)
```
#c7b287
```
#c7b287 rgb(199,178,135)
```
#cebb94
```
#cebb94 rgb(206,187,148)
```
#d4c3a2
```
#d4c3a2 rgb(212,195,162)
```
#daccaf
```
#daccaf rgb(218,204,175)
```
#e0d4bc
```
#e0d4bc rgb(224,212,188)
```
#e6ddca
```
#e6ddca rgb(230,221,202)
```
#ede6d7
```
#ede6d7 rgb(237,230,215)
```
#f3eee5
```
#f3eee5 rgb(243,238,229)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```

Tint Color Variation

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

#9a968d
```
#9a968d rgb(154,150,141)
```
#a29985
```
#a29985 rgb(162,153,133)
```
#aa9b7d
```
#aa9b7d rgb(170,155,125)
```
#b39e74
```
#b39e74 rgb(179,158,116)
```
#bba16c
```
#bba16c rgb(187,161,108)
```
#c3a464
```
#c3a464 rgb(195,164,100)
```
#cca75b
```
#cca75b rgb(204,167,91)
```
#d4a953
```
#d4a953 rgb(212,169,83)
```
#dcac4b
```
#dcac4b rgb(220,172,75)
```
#e4af43
```
#e4af43 rgb(228,175,67)
```
#edb23a
```
#edb23a rgb(237,178,58)
```
#f5b532
```
#f5b532 rgb(245,181,50)
```
#fdb82a
```
#fdb82a rgb(253,184,42)
```

Tone Color Variation

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

Dichromacy

#b6a874 Protanopia 1% of men
#c8a174 Deuteranopia 1% of men
#c49eaa Tritanopia 0.001% of the population

Trichromacy

#b8a571 Protanomaly 1% of men, 0.01% of women
#c3a171 Deuteranomaly 6% of men, 0.4% of women
#c19f93 Tritanomaly 0.01% of the population

#bba16c hex color

#bba16c Color Information

#bba16c Color Conversion

Color Schemes with #bba16c

Alternatives to #bba16c

#bba16c Preview

Shades and Tints of #bba16c

Tones of #bba16c

Color Blindness Simulator