#bba48c hex color

In a RGB color space, hex #bba48c is composed of 73.3% red, 64.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 25.1% yellow and 26.7% black. It has a hue angle of 30.6 degrees, a saturation of 25.7% and a lightness of 64.1%. #bba48c color hex could be obtained by blending #ffffff with #774919. Closest websafe color is: #cc9999.

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

● #bba48c color description : Slightly desaturated orange.

The hexadecimal color #bba48c has RGB values of R:187, G:164, B:140 and CMYK values of C:0, M:0.12, Y:0.25, K:0.27. Its decimal value is 12297356.

Hex triplet	bba48c	`#bba48c`
RGB Decimal	187, 164, 140	`rgb(187,164,140)`
RGB Percent	73.3, 64.3, 54.9	`rgb(73.3%,64.3%,54.9%)`
CMYK	0, 12, 25, 27
HSL	30.6°, 25.7, 64.1	`hsl(30.6,25.7%,64.1%)`
HSV (or HSB)	30.6°, 25.1, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.759, 4.619, 15.545
XYZ	38.502, 39.01, 30.311
xyY	0.357, 0.362, 39.01
CIE-LCH	68.759, 16.217, 73.451
CIE-LUV	68.759, 15.805, 20.544
Hunter-Lab	62.458, 0.734, 14.947
Binary	10111011, 10100100, 10001100

#bba48c
```
#bba48c rgb(187,164,140)
```
#8ca3bb
```
#8ca3bb rgb(140,163,187)
```

Complementary Color

#bb8d8c
```
#bb8d8c rgb(187,141,140)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#bbbb8c
```
#bbbb8c rgb(187,187,140)
```

Analogous Color

#8d8cbb
```
#8d8cbb rgb(141,140,187)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#8cbbbb
```
#8cbbbb rgb(140,187,187)
```

Split Complementary Color

#a48cbb
```
#a48cbb rgb(164,140,187)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#8cbba4
```
#8cbba4 rgb(140,187,164)
```

Triadic Color

#bb8ca3
```
#bb8ca3 rgb(187,140,163)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#8cbba4
```
#8cbba4 rgb(140,187,164)
```
#8ca3bb
```
#8ca3bb rgb(140,163,187)
```

Tetradic Color

#9d7e5d
```
#9d7e5d rgb(157,126,93)
```
#a88b6c
```
#a88b6c rgb(168,139,108)
```
#b2977c
```
#b2977c rgb(178,151,124)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#c4b19c
```
#c4b19c rgb(196,177,156)
```
#cebdac
```
#cebdac rgb(206,189,172)
```
#d7cabc
```
#d7cabc rgb(215,202,188)
```

Monochromatic Color

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

#bb988c
```
#bb988c rgb(187,152,140)
```
#bb9c8c
```
#bb9c8c rgb(187,156,140)
```
#bba08c
```
#bba08c rgb(187,160,140)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#bba88c
```
#bba88c rgb(187,168,140)
```
#bbac8c
```
#bbac8c rgb(187,172,140)
```
#bbb08c
```
#bbb08c rgb(187,176,140)
```

Similar Colors

Text with hexadecimal color #bba48c

This text has a font color of #bba48c.

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

#bba48c background color

This paragraph has a background color of #bba48c.

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

#bba48c border color

This element has a border color of #bba48c.

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

CSS codes

.text {color:#bba48c;}

.background {background-color:#bba48c;}

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

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

#080705
```
#080705 rgb(8,7,5)
```
#15100c
```
#15100c rgb(21,16,12)
```
#211a13
```
#211a13 rgb(33,26,19)
```
#2d241b
```
#2d241b rgb(45,36,27)
```
#3a2e22
```
#3a2e22 rgb(58,46,34)
```
#463829
```
#463829 rgb(70,56,41)
```
#524231
```
#524231 rgb(82,66,49)
```
#5f4c38
```
#5f4c38 rgb(95,76,56)
```
#6b563f
```
#6b563f rgb(107,86,63)
```
#775f46
```
#775f46 rgb(119,95,70)
```
#84694e
```
#84694e rgb(132,105,78)
```
#907355
```
#907355 rgb(144,115,85)
```
#9c7d5c
```
#9c7d5c rgb(156,125,92)
```

Shade Color Variation

#a58767
```
#a58767 rgb(165,135,103)
```
#ac9073
```
#ac9073 rgb(172,144,115)
```
#b49a80
```
#b49a80 rgb(180,154,128)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#c2ae98
```
#c2ae98 rgb(194,174,152)
```
#cab8a5
```
#cab8a5 rgb(202,184,165)
```
#d1c1b1
```
#d1c1b1 rgb(209,193,177)
```
#d8cbbd
```
#d8cbbd rgb(216,203,189)
```
#dfd5ca
```
#dfd5ca rgb(223,213,202)
```
#e7dfd6
```
#e7dfd6 rgb(231,223,214)
```
#eee8e2
```
#eee8e2 rgb(238,232,226)
```
#f5f2ef
```
#f5f2ef rgb(245,242,239)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#a6a4a1
```
#a6a4a1 rgb(166,164,161)
```
#ada49a
```
#ada49a rgb(173,164,154)
```
#b4a493
```
#b4a493 rgb(180,164,147)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#c2a485
```
#c2a485 rgb(194,164,133)
```
#c9a47e
```
#c9a47e rgb(201,164,126)
```
#d0a477
```
#d0a477 rgb(208,164,119)
```
#d7a570
```
#d7a570 rgb(215,165,112)
```
#dea569
```
#dea569 rgb(222,165,105)
```
#e5a562
```
#e5a562 rgb(229,165,98)
```
#eca55b
```
#eca55b rgb(236,165,91)
```
#f3a554
```
#f3a554 rgb(243,165,84)
```
#faa54d
```
#faa54d rgb(250,165,77)
```

Tone Color Variation

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

Dichromacy

#b5ab93 Protanopia 1% of men
#c5a692 Deuteranopia 1% of men
#c2a4af Tritanopia 0.001% of the population

Trichromacy

#b7a890 Protanomaly 1% of men, 0.01% of women
#c1a590 Deuteranomaly 6% of men, 0.4% of women
#bfa4a2 Tritanomaly 0.01% of the population

#bba48c hex color

#bba48c Color Information

#bba48c Color Conversion

Color Schemes with #bba48c

Alternatives to #bba48c

#bba48c Preview

Shades and Tints of #bba48c

Tones of #bba48c

Color Blindness Simulator