#bba46d hex color

In a RGB color space, hex #bba46d is composed of 73.3% red, 64.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 41.7% yellow and 26.7% black. It has a hue angle of 42.3 degrees, a saturation of 36.4% and a lightness of 58%. #bba46d color hex could be obtained by blending #ffffda with #774900. Closest websafe color is: #cc9966.

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

● #bba46d color description : Slightly desaturated orange.

The hexadecimal color #bba46d has RGB values of R:187, G:164, B:109 and CMYK values of C:0, M:0.12, Y:0.42, K:0.27. Its decimal value is 12297325.

Hex triplet	bba46d	`#bba46d`
RGB Decimal	187, 164, 109	`rgb(187,164,109)`
RGB Percent	73.3, 64.3, 42.7	`rgb(73.3%,64.3%,42.7%)`
CMYK	0, 12, 42, 27
HSL	42.3°, 36.4, 58	`hsl(42.3,36.4%,58%)`
HSV (or HSB)	42.3°, 41.7, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.183, 0.669, 31.605
XYZ	36.529, 38.221, 19.92
xyY	0.386, 0.404, 38.221
CIE-LCH	68.183, 31.612, 88.787
CIE-LUV	68.183, 18.059, 40.226
Hunter-Lab	61.823, -2.721, 24.172
Binary	10111011, 10100100, 01101101

#bba46d
```
#bba46d rgb(187,164,109)
```
#6d84bb
```
#6d84bb rgb(109,132,187)
```

Complementary Color

#bb7d6d
```
#bb7d6d rgb(187,125,109)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#abbb6d
```
#abbb6d rgb(171,187,109)
```

Analogous Color

#7d6dbb
```
#7d6dbb rgb(125,109,187)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#6dabbb
```
#6dabbb rgb(109,171,187)
```

Split Complementary Color

#a46dbb
```
#a46dbb rgb(164,109,187)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#6dbba4
```
#6dbba4 rgb(109,187,164)
```

Triadic Color

#bb6d84
```
#bb6d84 rgb(187,109,132)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#6dbba4
```
#6dbba4 rgb(109,187,164)
```
#6d84bb
```
#6d84bb rgb(109,132,187)
```

Tetradic Color

#967e46
```
#967e46 rgb(150,126,70)
```
#a78d4e
```
#a78d4e rgb(167,141,78)
```
#b3995c
```
#b3995c rgb(179,153,92)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#c3af7e
```
#c3af7e rgb(195,175,126)
```
#cbba90
```
#cbba90 rgb(203,186,144)
```
#d3c5a1
```
#d3c5a1 rgb(211,197,161)
```

Monochromatic Color

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

#bb916d
```
#bb916d rgb(187,145,109)
```
#bb976d
```
#bb976d rgb(187,151,109)
```
#bb9e6d
```
#bb9e6d rgb(187,158,109)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#bbab6d
```
#bbab6d rgb(187,171,109)
```
#bbb16d
```
#bbb16d rgb(187,177,109)
```
#bbb86d
```
#bbb86d rgb(187,184,109)
```

Similar Colors

Text with hexadecimal color #bba46d

This text has a font color of #bba46d.

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

#bba46d background color

This paragraph has a background color of #bba46d.

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

#bba46d border color

This element has a border color of #bba46d.

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

CSS codes

.text {color:#bba46d;}

.background {background-color:#bba46d;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f0c07
```
#0f0c07 rgb(15,12,7)
```
#1c180d
```
#1c180d rgb(28,24,13)
```
#292313
```
#292313 rgb(41,35,19)
```
#372e19
```
#372e19 rgb(55,46,25)
```
#443920
```
#443920 rgb(68,57,32)
```
#524526
```
#524526 rgb(82,69,38)
```
#5f502c
```
#5f502c rgb(95,80,44)
```
#6c5b32
```
#6c5b32 rgb(108,91,50)
```
#7a6639
```
#7a6639 rgb(122,102,57)
```
#87723f
```
#87723f rgb(135,114,63)
```
#947d45
```
#947d45 rgb(148,125,69)
```
#a2884b
```
#a2884b rgb(162,136,75)
```

Shade Color Variation

#af9352
```
#af9352 rgb(175,147,82)
```
#b59c60
```
#b59c60 rgb(181,156,96)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#c1ac7a
```
#c1ac7a rgb(193,172,122)
```
#c7b588
```
#c7b588 rgb(199,181,136)
```
#cebd95
```
#cebd95 rgb(206,189,149)
```
#d4c5a3
```
#d4c5a3 rgb(212,197,163)
```
#daceb0
```
#daceb0 rgb(218,206,176)
```
#e0d6bd
```
#e0d6bd rgb(224,214,189)
```
#e7decb
```
#e7decb rgb(231,222,203)
```
#ede7d8
```
#ede7d8 rgb(237,231,216)
```
#f3efe5
```
#f3efe5 rgb(243,239,229)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#9a968e
```
#9a968e rgb(154,150,142)
```
#a29a86
```
#a29a86 rgb(162,154,134)
```
#ab9d7d
```
#ab9d7d rgb(171,157,125)
```
#b3a175
```
#b3a175 rgb(179,161,117)
```
#bba46d
```
#bba46d rgb(187,164,109)
```
#c3a765
```
#c3a765 rgb(195,167,101)
```
#cbab5d
```
#cbab5d rgb(203,171,93)
```
#d4ae54
```
#d4ae54 rgb(212,174,84)
```
#dcb24c
```
#dcb24c rgb(220,178,76)
```
#e4b544
```
#e4b544 rgb(228,181,68)
```
#ecb83c
```
#ecb83c rgb(236,184,60)
```
#f5bc33
```
#f5bc33 rgb(245,188,51)
```
#fdbf2b
```
#fdbf2b rgb(253,191,43)
```

Tone Color Variation

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

Dichromacy

#b8aa75 Protanopia 1% of men
#cba376 Deuteranopia 1% of men
#c5a1ac Tritanopia 0.001% of the population

Trichromacy

#b9a872 Protanomaly 1% of men, 0.01% of women
#c5a372 Deuteranomaly 6% of men, 0.4% of women
#c1a295 Tritanomaly 0.01% of the population

#bba46d hex color

#bba46d Color Information

#bba46d Color Conversion

Color Schemes with #bba46d

Alternatives to #bba46d

#bba46d Preview

Shades and Tints of #bba46d

Tones of #bba46d

Color Blindness Simulator