#bba471 hex color

In a RGB color space, hex #bba471 is composed of 73.3% red, 64.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 39.6% yellow and 26.7% black. It has a hue angle of 41.4 degrees, a saturation of 35.2% and a lightness of 58.8%. #bba471 color hex could be obtained by blending #ffffe2 with #774900. Closest websafe color is: #cc9966.

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

● #bba471 color description : Slightly desaturated orange.

The hexadecimal color #bba471 has RGB values of R:187, G:164, B:113 and CMYK values of C:0, M:0.12, Y:0.4, K:0.27. Its decimal value is 12297329.

Hex triplet	bba471	`#bba471`
RGB Decimal	187, 164, 113	`rgb(187,164,113)`
RGB Percent	73.3, 64.3, 44.3	`rgb(73.3%,64.3%,44.3%)`
CMYK	0, 12, 40, 27
HSL	41.4°, 35.2, 58.8	`hsl(41.4,35.2%,58.8%)`
HSV (or HSB)	41.4°, 39.6, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.248, 1.12, 29.554
XYZ	36.749, 38.309, 21.08
xyY	0.382, 0.398, 38.309
CIE-LCH	68.248, 29.575, 87.83
CIE-LUV	68.248, 17.794, 37.914
Hunter-Lab	61.894, -2.331, 23.132
Binary	10111011, 10100100, 01110001

#bba471
```
#bba471 rgb(187,164,113)
```
#7188bb
```
#7188bb rgb(113,136,187)
```

Complementary Color

#bb7f71
```
#bb7f71 rgb(187,127,113)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#adbb71
```
#adbb71 rgb(173,187,113)
```

Analogous Color

#7f71bb
```
#7f71bb rgb(127,113,187)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#71adbb
```
#71adbb rgb(113,173,187)
```

Split Complementary Color

#a471bb
```
#a471bb rgb(164,113,187)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#71bba4
```
#71bba4 rgb(113,187,164)
```

Triadic Color

#bb7188
```
#bb7188 rgb(187,113,136)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#71bba4
```
#71bba4 rgb(113,187,164)
```
#7188bb
```
#7188bb rgb(113,136,187)
```

Tetradic Color

#977f48
```
#977f48 rgb(151,127,72)
```
#a88d51
```
#a88d51 rgb(168,141,81)
```
#b39960
```
#b39960 rgb(179,153,96)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#c3af82
```
#c3af82 rgb(195,175,130)
```
#ccba93
```
#ccba93 rgb(204,186,147)
```
#d4c5a5
```
#d4c5a5 rgb(212,197,165)
```

Monochromatic Color

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

#bb9271
```
#bb9271 rgb(187,146,113)
```
#bb9871
```
#bb9871 rgb(187,152,113)
```
#bb9e71
```
#bb9e71 rgb(187,158,113)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#bbaa71
```
#bbaa71 rgb(187,170,113)
```
#bbb071
```
#bbb071 rgb(187,176,113)
```
#bbb771
```
#bbb771 rgb(187,183,113)
```

Similar Colors

Text with hexadecimal color #bba471

This text has a font color of #bba471.

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

#bba471 background color

This paragraph has a background color of #bba471.

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

#bba471 border color

This element has a border color of #bba471.

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

CSS codes

.text {color:#bba471;}

.background {background-color:#bba471;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#1e1a0f
```
#1e1a0f rgb(30,26,15)
```
#2c2515
```
#2c2515 rgb(44,37,21)
```
#39301b
```
#39301b rgb(57,48,27)
```
#463b22
```
#463b22 rgb(70,59,34)
```
#534628
```
#534628 rgb(83,70,40)
```
#61512e
```
#61512e rgb(97,81,46)
```
#6e5c35
```
#6e5c35 rgb(110,92,53)
```
#7b673b
```
#7b673b rgb(123,103,59)
```
#897241
```
#897241 rgb(137,114,65)
```
#967e48
```
#967e48 rgb(150,126,72)
```
#a3894e
```
#a3894e rgb(163,137,78)
```

Shade Color Variation

#ae9356
```
#ae9356 rgb(174,147,86)
```
#b59c64
```
#b59c64 rgb(181,156,100)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#c1ad7e
```
#c1ad7e rgb(193,173,126)
```
#c8b58c
```
#c8b58c rgb(200,181,140)
```
#cebe99
```
#cebe99 rgb(206,190,153)
```
#d4c6a6
```
#d4c6a6 rgb(212,198,166)
```
#dbcfb3
```
#dbcfb3 rgb(219,207,179)
```
#e1d7c1
```
#e1d7c1 rgb(225,215,193)
```
#e7e0ce
```
#e7e0ce rgb(231,224,206)
```
#eee8db
```
#eee8db rgb(238,232,219)
```
#f4f1e8
```
#f4f1e8 rgb(244,241,232)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,246)
```

Tint Color Variation

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

#9b9891
```
#9b9891 rgb(155,152,145)
```
#a39b89
```
#a39b89 rgb(163,155,137)
```
#ab9e81
```
#ab9e81 rgb(171,158,129)
```
#b3a179
```
#b3a179 rgb(179,161,121)
```
#bba471
```
#bba471 rgb(187,164,113)
```
#c3a769
```
#c3a769 rgb(195,167,105)
```
#cbaa61
```
#cbaa61 rgb(203,170,97)
```
#d3ad59
```
#d3ad59 rgb(211,173,89)
```
#dbb051
```
#dbb051 rgb(219,176,81)
```
#e3b349
```
#e3b349 rgb(227,179,73)
```
#ebb641
```
#ebb641 rgb(235,182,65)
```
#f4b938
```
#f4b938 rgb(244,185,56)
```
#fcbc30
```
#fcbc30 rgb(252,188,48)
```

Tone Color Variation

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

Dichromacy

#b8aa79 Protanopia 1% of men
#caa479 Deuteranopia 1% of men
#c4a1ad Tritanopia 0.001% of the population

Trichromacy

#b9a876 Protanomaly 1% of men, 0.01% of women
#c4a476 Deuteranomaly 6% of men, 0.4% of women
#c1a297 Tritanomaly 0.01% of the population

#bba471 hex color

#bba471 Color Information

#bba471 Color Conversion

Color Schemes with #bba471

Alternatives to #bba471

#bba471 Preview

Shades and Tints of #bba471

Tones of #bba471

Color Blindness Simulator