#bba775 hex color

In a RGB color space, hex #bba775 is composed of 73.3% red, 65.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 37.4% yellow and 26.7% black. It has a hue angle of 42.9 degrees, a saturation of 34% and a lightness of 59.6%. #bba775 color hex could be obtained by blending #ffffea with #774f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 65
- B 46
RGB color chart
- C 0
- M 11
- Y 37
- K 27
CMYK color chart

● #bba775 color description : Slightly desaturated orange.

The hexadecimal color #bba775 has RGB values of R:187, G:167, B:117 and CMYK values of C:0, M:0.11, Y:0.37, K:0.27. Its decimal value is 12298101.

Hex triplet	bba775	`#bba775`
RGB Decimal	187, 167, 117	`rgb(187,167,117)`
RGB Percent	73.3, 65.5, 45.9	`rgb(73.3%,65.5%,45.9%)`
CMYK	0, 11, 37, 27
HSL	42.9°, 34, 59.6	`hsl(42.9,34%,59.6%)`
HSV (or HSB)	42.9°, 37.4, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.103, -0.029, 28.533
XYZ	37.523, 39.487, 22.474
xyY	0.377, 0.397, 39.487
CIE-LCH	69.103, 28.533, 90.058
CIE-LUV	69.103, 15.649, 37.153
Hunter-Lab	62.839, -3.381, 22.783
Binary	10111011, 10100111, 01110101

#bba775
```
#bba775 rgb(187,167,117)
```
#7589bb
```
#7589bb rgb(117,137,187)
```

Complementary Color

#bb8475
```
#bb8475 rgb(187,132,117)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#acbb75
```
#acbb75 rgb(172,187,117)
```

Analogous Color

#8475bb
```
#8475bb rgb(132,117,187)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#75acbb
```
#75acbb rgb(117,172,187)
```

Split Complementary Color

#a775bb
```
#a775bb rgb(167,117,187)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#75bba7
```
#75bba7 rgb(117,187,167)
```

Triadic Color

#bb7589
```
#bb7589 rgb(187,117,137)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#75bba7
```
#75bba7 rgb(117,187,167)
```
#7589bb
```
#7589bb rgb(117,137,187)
```

Tetradic Color

#98824b
```
#98824b rgb(152,130,75)
```
#a99154
```
#a99154 rgb(169,145,84)
```
#b39c64
```
#b39c64 rgb(179,156,100)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#c3b286
```
#c3b286 rgb(195,178,134)
```
#ccbd97
```
#ccbd97 rgb(204,189,151)
```
#d4c8a8
```
#d4c8a8 rgb(212,200,168)
```

Monochromatic Color

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

#bb9675
```
#bb9675 rgb(187,150,117)
```
#bb9b75
```
#bb9b75 rgb(187,155,117)
```
#bba175
```
#bba175 rgb(187,161,117)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#bbad75
```
#bbad75 rgb(187,173,117)
```
#bbb375
```
#bbb375 rgb(187,179,117)
```
#bbb975
```
#bbb975 rgb(187,185,117)
```

Similar Colors

Text with hexadecimal color #bba775

This text has a font color of #bba775.

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

#bba775 background color

This paragraph has a background color of #bba775.

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

#bba775 border color

This element has a border color of #bba775.

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

CSS codes

.text {color:#bba775;}

.background {background-color:#bba775;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#14110a
```
#14110a rgb(20,17,10)
```
#211c10
```
#211c10 rgb(33,28,16)
```
#2e2717
```
#2e2717 rgb(46,39,23)
```
#3b331d
```
#3b331d rgb(59,51,29)
```
#483e24
```
#483e24 rgb(72,62,36)
```
#55492a
```
#55492a rgb(85,73,42)
```
#635431
```
#635431 rgb(99,84,49)
```
#705f37
```
#705f37 rgb(112,95,55)
```
#7d6b3d
```
#7d6b3d rgb(125,107,61)
```
#8a7644
```
#8a7644 rgb(138,118,68)
```
#97814a
```
#97814a rgb(151,129,74)
```
#a48c51
```
#a48c51 rgb(164,140,81)
```

Shade Color Variation

#ae965b
```
#ae965b rgb(174,150,91)
```
#b59f68
```
#b59f68 rgb(181,159,104)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#c1af82
```
#c1af82 rgb(193,175,130)
```
#c8b88f
```
#c8b88f rgb(200,184,143)
```
#cec09c
```
#cec09c rgb(206,192,156)
```
#d5c9aa
```
#d5c9aa rgb(213,201,170)
```
#dbd1b7
```
#dbd1b7 rgb(219,209,183)
```
#e2d9c4
```
#e2d9c4 rgb(226,217,196)
```
#e8e2d1
```
#e8e2d1 rgb(232,226,209)
```
#efeade
```
#efeade rgb(239,234,222)
```
#f5f2eb
```
#f5f2eb rgb(245,242,235)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#9b9995
```
#9b9995 rgb(155,153,149)
```
#a39d8d
```
#a39d8d rgb(163,157,141)
```
#aba085
```
#aba085 rgb(171,160,133)
```
#b3a47d
```
#b3a47d rgb(179,164,125)
```
#bba775
```
#bba775 rgb(187,167,117)
```
#c3aa6d
```
#c3aa6d rgb(195,170,109)
```
#cbae65
```
#cbae65 rgb(203,174,101)
```
#d3b15d
```
#d3b15d rgb(211,177,93)
```
#dbb555
```
#dbb555 rgb(219,181,85)
```
#e3b84d
```
#e3b84d rgb(227,184,77)
```
#ebbb45
```
#ebbb45 rgb(235,187,69)
```
#f2bf3e
```
#f2bf3e rgb(242,191,62)
```
#fac236
```
#fac236 rgb(250,194,54)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba79d Atypical Achromatopsia 0.001% of the population

Dichromacy

#baac7c Protanopia 1% of men
#cca67d Deuteranopia 1% of men
#c4a4b0 Tritanopia 0.001% of the population

Trichromacy

#baaa79 Protanomaly 1% of men, 0.01% of women
#c6a67a Deuteranomaly 6% of men, 0.4% of women
#c1a59a Tritanomaly 0.01% of the population

#bba775 hex color

#bba775 Color Information

#bba775 Color Conversion

Color Schemes with #bba775

Alternatives to #bba775

#bba775 Preview

Shades and Tints of #bba775

Tones of #bba775

Color Blindness Simulator