#bba486 hex color

In a RGB color space, hex #bba486 is composed of 73.3% red, 64.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 28.3% yellow and 26.7% black. It has a hue angle of 34 degrees, a saturation of 28% and a lightness of 62.9%. #bba486 color hex could be obtained by blending #ffffff with #77490d. Closest websafe color is: #cc9999.

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

● #bba486 color description : Slightly desaturated orange.

The hexadecimal color #bba486 has RGB values of R:187, G:164, B:134 and CMYK values of C:0, M:0.12, Y:0.28, K:0.27. Its decimal value is 12297350.

Hex triplet	bba486	`#bba486`
RGB Decimal	187, 164, 134	`rgb(187,164,134)`
RGB Percent	73.3, 64.3, 52.5	`rgb(73.3%,64.3%,52.5%)`
CMYK	0, 12, 28, 27
HSL	34°, 28, 62.9	`hsl(34,28%,62.9%)`
HSV (or HSB)	34°, 28.3, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.634, 3.774, 18.67
XYZ	38.072, 38.838, 28.044
xyY	0.363, 0.37, 38.838
CIE-LCH	68.634, 19.048, 78.574
CIE-LUV	68.634, 16.274, 24.65
Hunter-Lab	62.32, -0.013, 16.944
Binary	10111011, 10100100, 10000110

#bba486
```
#bba486 rgb(187,164,134)
```
#869dbb
```
#869dbb rgb(134,157,187)
```

Complementary Color

#bb8a86
```
#bb8a86 rgb(187,138,134)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#b8bb86
```
#b8bb86 rgb(184,187,134)
```

Analogous Color

#8a86bb
```
#8a86bb rgb(138,134,187)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#86b8bb
```
#86b8bb rgb(134,184,187)
```

Split Complementary Color

#a486bb
```
#a486bb rgb(164,134,187)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#86bba4
```
#86bba4 rgb(134,187,164)
```

Triadic Color

#bb869d
```
#bb869d rgb(187,134,157)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#86bba4
```
#86bba4 rgb(134,187,164)
```
#869dbb
```
#869dbb rgb(134,157,187)
```

Tetradic Color

#9d7f58
```
#9d7f58 rgb(157,127,88)
```
#a98b65
```
#a98b65 rgb(169,139,101)
```
#b29876
```
#b29876 rgb(178,152,118)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#c4b096
```
#c4b096 rgb(196,176,150)
```
#cdbda7
```
#cdbda7 rgb(205,189,167)
```
#d7c9b7
```
#d7c9b7 rgb(215,201,183)
```

Monochromatic Color

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

#bb9786
```
#bb9786 rgb(187,151,134)
```
#bb9b86
```
#bb9b86 rgb(187,155,134)
```
#bba086
```
#bba086 rgb(187,160,134)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#bba886
```
#bba886 rgb(187,168,134)
```
#bbad86
```
#bbad86 rgb(187,173,134)
```
#bbb186
```
#bbb186 rgb(187,177,134)
```

Similar Colors

Text with hexadecimal color #bba486

This text has a font color of #bba486.

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

#bba486 background color

This paragraph has a background color of #bba486.

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

#bba486 border color

This element has a border color of #bba486.

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

CSS codes

.text {color:#bba486;}

.background {background-color:#bba486;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110e0a
```
#110e0a rgb(17,14,10)
```
#1e1811
```
#1e1811 rgb(30,24,17)
```
#2a2218
```
#2a2218 rgb(42,34,24)
```
#372c1f
```
#372c1f rgb(55,44,31)
```
#433726
```
#433726 rgb(67,55,38)
```
#50412d
```
#50412d rgb(80,65,45)
```
#5c4b34
```
#5c4b34 rgb(92,75,52)
```
#69553b
```
#69553b rgb(105,85,59)
```
#765f42
```
#765f42 rgb(118,95,66)
```
#826949
```
#826949 rgb(130,105,73)
```
#8f7450
```
#8f7450 rgb(143,116,80)
```
#9b7e57
```
#9b7e57 rgb(155,126,87)
```

Shade Color Variation

#a68860
```
#a68860 rgb(166,136,96)
```
#ad916d
```
#ad916d rgb(173,145,109)
```
#b49b79
```
#b49b79 rgb(180,155,121)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#c2ad93
```
#c2ad93 rgb(194,173,147)
```
#c9b79f
```
#c9b79f rgb(201,183,159)
```
#d0c0ac
```
#d0c0ac rgb(208,192,172)
```
#d7cab8
```
#d7cab8 rgb(215,202,184)
```
#ded3c5
```
#ded3c5 rgb(222,211,197)
```
#e5ddd1
```
#e5ddd1 rgb(229,221,209)
```
#ece6de
```
#ece6de rgb(236,230,222)
```
#f3f0ea
```
#f3f0ea rgb(243,240,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#a5a19c
```
#a5a19c rgb(165,161,156)
```
#aca295
```
#aca295 rgb(172,162,149)
```
#b4a38d
```
#b4a38d rgb(180,163,141)
```
#bba486
```
#bba486 rgb(187,164,134)
```
#c2a57f
```
#c2a57f rgb(194,165,127)
```
#caa677
```
#caa677 rgb(202,166,119)
```
#d1a770
```
#d1a770 rgb(209,167,112)
```
#d8a869
```
#d8a869 rgb(216,168,105)
```
#dfa962
```
#dfa962 rgb(223,169,98)
```
#e7aa5a
```
#e7aa5a rgb(231,170,90)
```
#eeab53
```
#eeab53 rgb(238,171,83)
```
#f5ac4c
```
#f5ac4c rgb(245,172,76)
```
#fcad45
```
#fcad45 rgb(252,173,69)
```

Tone Color Variation

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

Dichromacy

#b5ab8d Protanopia 1% of men
#c6a58d Deuteranopia 1% of men
#c3a3af Tritanopia 0.001% of the population

Trichromacy

#b7a88a Protanomaly 1% of men, 0.01% of women
#c2a58a Deuteranomaly 6% of men, 0.4% of women
#c0a3a0 Tritanomaly 0.01% of the population

#bba486 hex color

#bba486 Color Information

#bba486 Color Conversion

Color Schemes with #bba486

Alternatives to #bba486

#bba486 Preview

Shades and Tints of #bba486

Tones of #bba486

Color Blindness Simulator