#bba970 hex color

In a RGB color space, hex #bba970 is composed of 73.3% red, 66.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 40.1% yellow and 26.7% black. It has a hue angle of 45.6 degrees, a saturation of 35.5% and a lightness of 58.6%. #bba970 color hex could be obtained by blending #ffffe0 with #775300. Closest websafe color is: #cc9966.

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

● #bba970 color description : Slightly desaturated yellow.

The hexadecimal color #bba970 has RGB values of R:187, G:169, B:112 and CMYK values of C:0, M:0.1, Y:0.4, K:0.27. Its decimal value is 12298608.

Hex triplet	bba970	`#bba970`
RGB Decimal	187, 169, 112	`rgb(187,169,112)`
RGB Percent	73.3, 66.3, 43.9	`rgb(73.3%,66.3%,43.9%)`
CMYK	0, 10, 40, 27
HSL	45.6°, 35.5, 58.6	`hsl(45.6,35.5%,58.6%)`
HSV (or HSB)	45.6°, 40.1, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.549, -1.68, 31.78
XYZ	37.606, 40.111, 21.09
xyY	0.381, 0.406, 40.111
CIE-LCH	69.549, 31.825, 93.027
CIE-LUV	69.549, 14.712, 41.15
Hunter-Lab	63.334, -4.845, 24.59
Binary	10111011, 10101001, 01110000

#bba970
```
#bba970 rgb(187,169,112)
```
#7082bb
```
#7082bb rgb(112,130,187)
```

Complementary Color

#bb8470
```
#bb8470 rgb(187,132,112)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#a8bb70
```
#a8bb70 rgb(168,187,112)
```

Analogous Color

#8470bb
```
#8470bb rgb(132,112,187)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#70a8bb
```
#70a8bb rgb(112,168,187)
```

Split Complementary Color

#a970bb
```
#a970bb rgb(169,112,187)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#70bba9
```
#70bba9 rgb(112,187,169)
```

Triadic Color

#bb7082
```
#bb7082 rgb(187,112,130)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#70bba9
```
#70bba9 rgb(112,187,169)
```
#7082bb
```
#7082bb rgb(112,130,187)
```

Tetradic Color

#978448
```
#978448 rgb(151,132,72)
```
#a89350
```
#a89350 rgb(168,147,80)
```
#b39f5f
```
#b39f5f rgb(179,159,95)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#c3b381
```
#c3b381 rgb(195,179,129)
```
#cbbe93
```
#cbbe93 rgb(203,190,147)
```
#d4c8a4
```
#d4c8a4 rgb(212,200,164)
```

Monochromatic Color

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

#bb9670
```
#bb9670 rgb(187,150,112)
```
#bb9d70
```
#bb9d70 rgb(187,157,112)
```
#bba370
```
#bba370 rgb(187,163,112)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#bbaf70
```
#bbaf70 rgb(187,175,112)
```
#bbb670
```
#bbb670 rgb(187,182,112)
```
#babb70
```
#babb70 rgb(186,187,112)
```

Similar Colors

Text with hexadecimal color #bba970

This text has a font color of #bba970.

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

#bba970 background color

This paragraph has a background color of #bba970.

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

#bba970 border color

This element has a border color of #bba970.

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

CSS codes

.text {color:#bba970;}

.background {background-color:#bba970;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#1e1a0e
```
#1e1a0e rgb(30,26,14)
```
#2b2615
```
#2b2615 rgb(43,38,21)
```
#38311b
```
#38311b rgb(56,49,27)
```
#463d21
```
#463d21 rgb(70,61,33)
```
#534927
```
#534927 rgb(83,73,39)
```
#60542e
```
#60542e rgb(96,84,46)
```
#6e6034
```
#6e6034 rgb(110,96,52)
```
#7b6b3a
```
#7b6b3a rgb(123,107,58)
```
#887741
```
#887741 rgb(136,119,65)
```
#958347
```
#958347 rgb(149,131,71)
```
#a38e4d
```
#a38e4d rgb(163,142,77)
```

Shade Color Variation

#ae9955
```
#ae9955 rgb(174,153,85)
```
#b5a163
```
#b5a163 rgb(181,161,99)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#c1b17d
```
#c1b17d rgb(193,177,125)
```
#c8b98b
```
#c8b98b rgb(200,185,139)
```
#cec198
```
#cec198 rgb(206,193,152)
```
#d4c9a5
```
#d4c9a5 rgb(212,201,165)
```
#dbd1b2
```
#dbd1b2 rgb(219,209,178)
```
#e1d9c0
```
#e1d9c0 rgb(225,217,192)
```
#e7e1cd
```
#e7e1cd rgb(231,225,205)
```
#eee9da
```
#eee9da rgb(238,233,218)
```
#f4f1e8
```
#f4f1e8 rgb(244,241,232)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39c88
```
#a39c88 rgb(163,156,136)
```
#aba180
```
#aba180 rgb(171,161,128)
```
#b3a578
```
#b3a578 rgb(179,165,120)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#c3ad68
```
#c3ad68 rgb(195,173,104)
```
#cbb160
```
#cbb160 rgb(203,177,96)
```
#d3b658
```
#d3b658 rgb(211,182,88)
```
#dbba50
```
#dbba50 rgb(219,186,80)
```
#e4be47
```
#e4be47 rgb(228,190,71)
```
#ecc23f
```
#ecc23f rgb(236,194,63)
```
#f4c737
```
#f4c737 rgb(244,199,55)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aca89d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcae77 Protanopia 1% of men
#cfa779 Deuteranopia 1% of men
#c5a6b1 Tritanopia 0.001% of the population

Trichromacy

#bbac74 Protanomaly 1% of men, 0.01% of women
#c7a775 Deuteranomaly 6% of men, 0.4% of women
#c1a799 Tritanomaly 0.01% of the population

#bba970 hex color

#bba970 Color Information

#bba970 Color Conversion

Color Schemes with #bba970

Alternatives to #bba970

#bba970 Preview

Shades and Tints of #bba970

Tones of #bba970

Color Blindness Simulator