#bba950 hex color

In a RGB color space, hex #bba950 is composed of 73.3% red, 66.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 57.2% yellow and 26.7% black. It has a hue angle of 49.9 degrees, a saturation of 44% and a lightness of 52.4%. #bba950 color hex could be obtained by blending #ffffa0 with #775300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 66
- B 31
RGB color chart
- C 0
- M 10
- Y 57
- K 27
CMYK color chart

● #bba950 color description : Moderate yellow.

The hexadecimal color #bba950 has RGB values of R:187, G:169, B:80 and CMYK values of C:0, M:0.1, Y:0.57, K:0.27. Its decimal value is 12298576.

Hex triplet	bba950	`#bba950`
RGB Decimal	187, 169, 80	`rgb(187,169,80)`
RGB Percent	73.3, 66.3, 31.4	`rgb(73.3%,66.3%,31.4%)`
CMYK	0, 10, 57, 27
HSL	49.9°, 44, 52.4	`hsl(49.9,44%,52.4%)`
HSV (or HSB)	49.9°, 57.2, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.127, -4.73, 47.501
XYZ	36.13, 39.521, 13.314
xyY	0.406, 0.444, 39.521
CIE-LCH	69.127, 47.736, 95.686
CIE-LUV	69.127, 16.372, 56.998
Hunter-Lab	62.866, -7.429, 31.449
Binary	10111011, 10101001, 01010000

#bba950
```
#bba950 rgb(187,169,80)
```
#5062bb
```
#5062bb rgb(80,98,187)
```

Complementary Color

#bb7450
```
#bb7450 rgb(187,116,80)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#98bb50
```
#98bb50 rgb(152,187,80)
```

Analogous Color

#7450bb
```
#7450bb rgb(116,80,187)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#5098bb
```
#5098bb rgb(80,152,187)
```

Split Complementary Color

#a950bb
```
#a950bb rgb(169,80,187)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#50bba9
```
#50bba9 rgb(80,187,169)
```

Triadic Color

#bb5062
```
#bb5062 rgb(187,80,98)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#50bba9
```
#50bba9 rgb(80,187,169)
```
#5062bb
```
#5062bb rgb(80,98,187)
```

Tetradic Color

#897b35
```
#897b35 rgb(137,123,53)
```
#9c8c3c
```
#9c8c3c rgb(156,140,60)
```
#ae9c44
```
#ae9c44 rgb(174,156,68)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#c2b262
```
#c2b262 rgb(194,178,98)
```
#c9bb75
```
#c9bb75 rgb(201,187,117)
```
#d0c487
```
#d0c487 rgb(208,196,135)
```

Monochromatic Color

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

#bb8e50
```
#bb8e50 rgb(187,142,80)
```
#bb9750
```
#bb9750 rgb(187,151,80)
```
#bba050
```
#bba050 rgb(187,160,80)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#bbb250
```
#bbb250 rgb(187,178,80)
```
#bbbb50
```
#bbbb50 rgb(187,187,80)
```
#b2bb50
```
#b2bb50 rgb(178,187,80)
```

Similar Colors

Text with hexadecimal color #bba950

This text has a font color of #bba950.

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

#bba950 background color

This paragraph has a background color of #bba950.

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

#bba950 border color

This element has a border color of #bba950.

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

CSS codes

.text {color:#bba950;}

.background {background-color:#bba950;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#171409
```
#171409 rgb(23,20,9)
```
#25210e
```
#25210e rgb(37,33,14)
```
#332e14
```
#332e14 rgb(51,46,20)
```
#413a19
```
#413a19 rgb(65,58,25)
```
#4f471f
```
#4f471f rgb(79,71,31)
```
#5d5424
```
#5d5424 rgb(93,84,36)
```
#6c602a
```
#6c602a rgb(108,96,42)
```
#7a6d2f
```
#7a6d2f rgb(122,109,47)
```
#887a35
```
#887a35 rgb(136,122,53)
```
#96863a
```
#96863a rgb(150,134,58)
```
#a49340
```
#a49340 rgb(164,147,64)
```
#b2a045
```
#b2a045 rgb(178,160,69)
```

Shade Color Variation

#bba950
```
#bba950 rgb(187,169,80)
```
#c0b05e
```
#c0b05e rgb(192,176,94)
```
#c6b76c
```
#c6b76c rgb(198,183,108)
```
#cbbe7a
```
#cbbe7a rgb(203,190,122)
```
#d1c589
```
#d1c589 rgb(209,197,137)
```
#d6cc97
```
#d6cc97 rgb(214,204,151)
```
#dcd3a5
```
#dcd3a5 rgb(220,211,165)
```
#e1dab3
```
#e1dab3 rgb(225,218,179)
```
#e7e1c1
```
#e7e1c1 rgb(231,225,193)
```
#ece7cf
```
#ece7cf rgb(236,231,207)
```
#f2eedd
```
#f2eedd rgb(242,238,221)
```
#f7f5eb
```
#f7f5eb rgb(247,245,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8c8a7f
```
#8c8a7f rgb(140,138,127)
```
#969075
```
#969075 rgb(150,144,117)
```
#9f966c
```
#9f966c rgb(159,150,108)
```
#a89d63
```
#a89d63 rgb(168,157,99)
```
#b2a359
```
#b2a359 rgb(178,163,89)
```
#bba950
```
#bba950 rgb(187,169,80)
```
#c4af47
```
#c4af47 rgb(196,175,71)
```
#ceb53d
```
#ceb53d rgb(206,181,61)
```
#d7bc34
```
#d7bc34 rgb(215,188,52)
```
#e0c22b
```
#e0c22b rgb(224,194,43)
```
#eac821
```
#eac821 rgb(234,200,33)
```
#f3ce18
```
#f3ce18 rgb(243,206,24)
```
#fcd40f
```
#fcd40f rgb(252,212,15)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a9a593 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bead59 Protanopia 1% of men
#d3a55b Deuteranopia 1% of men
#c7a3af Tritanopia 0.001% of the population

Trichromacy

#bdab55 Protanomaly 1% of men, 0.01% of women
#caa657 Deuteranomaly 6% of men, 0.4% of women
#c2a58c Tritanomaly 0.01% of the population

#bba950 hex color

#bba950 Color Information

#bba950 Color Conversion

Color Schemes with #bba950

Alternatives to #bba950

#bba950 Preview

Shades and Tints of #bba950

Tones of #bba950

Color Blindness Simulator