#bba48f hex color

In a RGB color space, hex #bba48f is composed of 73.3% red, 64.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 28.6 degrees, a saturation of 24.4% and a lightness of 64.7%. #bba48f color hex could be obtained by blending #ffffff with #77491f. Closest websafe color is: #cc9999.

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

● #bba48f color description : Grayish orange.

The hexadecimal color #bba48f has RGB values of R:187, G:164, B:143 and CMYK values of C:0, M:0.12, Y:0.24, K:0.27. Its decimal value is 12297359.

Hex triplet	bba48f	`#bba48f`
RGB Decimal	187, 164, 143	`rgb(187,164,143)`
RGB Percent	73.3, 64.3, 56.1	`rgb(73.3%,64.3%,56.1%)`
CMYK	0, 12, 24, 27
HSL	28.6°, 24.4, 64.7	`hsl(28.6,24.4%,64.7%)`
HSV (or HSB)	28.6°, 23.5, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.823, 5.056, 13.983
XYZ	38.726, 39.1, 31.492
xyY	0.354, 0.358, 39.1
CIE-LCH	68.823, 14.869, 70.12
CIE-LUV	68.823, 15.565, 18.444
Hunter-Lab	62.53, 1.123, 13.91
Binary	10111011, 10100100, 10001111

#bba48f
```
#bba48f rgb(187,164,143)
```
#8fa6bb
```
#8fa6bb rgb(143,166,187)
```

Complementary Color

#bb8f90
```
#bb8f90 rgb(187,143,144)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#bbba8f
```
#bbba8f rgb(187,186,143)
```

Analogous Color

#8f90bb
```
#8f90bb rgb(143,144,187)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#8fbbba
```
#8fbbba rgb(143,187,186)
```

Split Complementary Color

#a48fbb
```
#a48fbb rgb(164,143,187)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#8fbba4
```
#8fbba4 rgb(143,187,164)
```

Triadic Color

#bb8fa6
```
#bb8fa6 rgb(187,143,166)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#8fbba4
```
#8fbba4 rgb(143,187,164)
```
#8fa6bb
```
#8fa6bb rgb(143,166,187)
```

Tetradic Color

#9e7d60
```
#9e7d60 rgb(158,125,96)
```
#a88a6f
```
#a88a6f rgb(168,138,111)
```
#b1977f
```
#b1977f rgb(177,151,127)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#c5b19f
```
#c5b19f rgb(197,177,159)
```
#cebeaf
```
#cebeaf rgb(206,190,175)
```
#d8cbbf
```
#d8cbbf rgb(216,203,191)
```

Monochromatic Color

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

#bb998f
```
#bb998f rgb(187,153,143)
```
#bb9d8f
```
#bb9d8f rgb(187,157,143)
```
#bba08f
```
#bba08f rgb(187,160,143)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#bba88f
```
#bba88f rgb(187,168,143)
```
#bbab8f
```
#bbab8f rgb(187,171,143)
```
#bbaf8f
```
#bbaf8f rgb(187,175,143)
```

Similar Colors

Text with hexadecimal color #bba48f

This text has a font color of #bba48f.

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

#bba48f background color

This paragraph has a background color of #bba48f.

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

#bba48f border color

This element has a border color of #bba48f.

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

CSS codes

.text {color:#bba48f;}

.background {background-color:#bba48f;}

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

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, #0a0806 is the darkest color, while #fefdfd is the lightest one.

#0a0806
```
#0a0806 rgb(10,8,6)
```
#16120e
```
#16120e rgb(22,18,14)
```
#221b15
```
#221b15 rgb(34,27,21)
```
#2f251c
```
#2f251c rgb(47,37,28)
```
#3b2f24
```
#3b2f24 rgb(59,47,36)
```
#47382b
```
#47382b rgb(71,56,43)
```
#534233
```
#534233 rgb(83,66,51)
```
#5f4c3a
```
#5f4c3a rgb(95,76,58)
```
#6c5641
```
#6c5641 rgb(108,86,65)
```
#785f49
```
#785f49 rgb(120,95,73)
```
#846950
```
#846950 rgb(132,105,80)
```
#907358
```
#907358 rgb(144,115,88)
```
#9d7c5f
```
#9d7c5f rgb(157,124,95)
```

Shade Color Variation

#a5866a
```
#a5866a rgb(165,134,106)
```
#ac9077
```
#ac9077 rgb(172,144,119)
```
#b49a83
```
#b49a83 rgb(180,154,131)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#c2ae9b
```
#c2ae9b rgb(194,174,155)
```
#cab8a7
```
#cab8a7 rgb(202,184,167)
```
#d1c2b4
```
#d1c2b4 rgb(209,194,180)
```
#d9ccc0
```
#d9ccc0 rgb(217,204,192)
```
#e0d6cc
```
#e0d6cc rgb(224,214,204)
```
#e7e0d8
```
#e7e0d8 rgb(231,224,216)
```
#efe9e4
```
#efe9e4 rgb(239,233,228)
```
#f6f3f1
```
#f6f3f1 rgb(246,243,241)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a6a5a4
```
#a6a5a4 rgb(166,165,164)
```
#ada59d
```
#ada59d rgb(173,165,157)
```
#b4a496
```
#b4a496 rgb(180,164,150)
```
#bba48f
```
#bba48f rgb(187,164,143)
```
#c2a488
```
#c2a488 rgb(194,164,136)
```
#c9a381
```
#c9a381 rgb(201,163,129)
```
#d0a37a
```
#d0a37a rgb(208,163,122)
```
#d7a373
```
#d7a373 rgb(215,163,115)
```
#dea26c
```
#dea26c rgb(222,162,108)
```
#e5a265
```
#e5a265 rgb(229,162,101)
```
#eba25f
```
#eba25f rgb(235,162,95)
```
#f2a158
```
#f2a158 rgb(242,161,88)
```
#f9a151
```
#f9a151 rgb(249,161,81)
```

Tone Color Variation

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

Dichromacy

#b4ab96 Protanopia 1% of men
#c4a695 Deuteranopia 1% of men
#c2a4b0 Tritanopia 0.001% of the population

Trichromacy

#b6a993 Protanomaly 1% of men, 0.01% of women
#c1a593 Deuteranomaly 6% of men, 0.4% of women
#bfa4a4 Tritanomaly 0.01% of the population

#bba48f hex color

#bba48f Color Information

#bba48f Color Conversion

Color Schemes with #bba48f

Alternatives to #bba48f

#bba48f Preview

Shades and Tints of #bba48f

Tones of #bba48f

Color Blindness Simulator