#baa895 hex color

In a RGB color space, hex #baa895 is composed of 72.9% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.7% magenta, 19.9% yellow and 27.1% black. It has a hue angle of 30.8 degrees, a saturation of 21.1% and a lightness of 65.7%. #baa895 color hex could be obtained by blending #ffffff with #75512b. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 66
- B 58
RGB color chart
- C 0
- M 10
- Y 20
- K 27
CMYK color chart

● #baa895 color description : Grayish orange.

The hexadecimal color #baa895 has RGB values of R:186, G:168, B:149 and CMYK values of C:0, M:0.1, Y:0.2, K:0.27. Its decimal value is 12232853.

Hex triplet	baa895	`#baa895`
RGB Decimal	186, 168, 149	`rgb(186,168,149)`
RGB Percent	72.9, 65.9, 58.4	`rgb(72.9%,65.9%,58.4%)`
CMYK	0, 10, 20, 27
HSL	30.8°, 21.1, 65.7	`hsl(30.8,21.1%,65.7%)`
HSV (or HSB)	30.8°, 19.9, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.905, 3.4, 12.185
XYZ	39.676, 40.615, 34.182
xyY	0.347, 0.355, 40.615
CIE-LCH	69.905, 12.651, 74.41
CIE-LUV	69.905, 12.142, 16.454
Hunter-Lab	63.73, -0.398, 12.811
Binary	10111010, 10101000, 10010101

#baa895
```
#baa895 rgb(186,168,149)
```
#95a7ba
```
#95a7ba rgb(149,167,186)
```

Complementary Color

#ba9695
```
#ba9695 rgb(186,150,149)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#baba95
```
#baba95 rgb(186,186,149)
```

Analogous Color

#9695ba
```
#9695ba rgb(150,149,186)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#95baba
```
#95baba rgb(149,186,186)
```

Split Complementary Color

#a895ba
```
#a895ba rgb(168,149,186)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#95baa8
```
#95baa8 rgb(149,186,168)
```

Triadic Color

#ba95a7
```
#ba95a7 rgb(186,149,167)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#95baa8
```
#95baa8 rgb(149,186,168)
```
#95a7ba
```
#95a7ba rgb(149,167,186)
```

Tetradic Color

#9c8267
```
#9c8267 rgb(156,130,103)
```
#a68f76
```
#a68f76 rgb(166,143,118)
```
#b09b86
```
#b09b86 rgb(176,155,134)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#c4b5a4
```
#c4b5a4 rgb(196,181,164)
```
#cec1b4
```
#cec1b4 rgb(206,193,180)
```
#d8cec3
```
#d8cec3 rgb(216,206,195)
```

Monochromatic Color

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

#ba9f95
```
#ba9f95 rgb(186,159,149)
```
#baa295
```
#baa295 rgb(186,162,149)
```
#baa595
```
#baa595 rgb(186,165,149)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#baab95
```
#baab95 rgb(186,171,149)
```
#baae95
```
#baae95 rgb(186,174,149)
```
#bab195
```
#bab195 rgb(186,177,149)
```

Similar Colors

Text with hexadecimal color #baa895

This text has a font color of #baa895.

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

#baa895 background color

This paragraph has a background color of #baa895.

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

#baa895 border color

This element has a border color of #baa895.

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

CSS codes

.text {color:#baa895;}

.background {background-color:#baa895;}

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

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 #f8f6f4 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0d0b08
```
#0d0b08 rgb(13,11,8)
```
#191510
```
#191510 rgb(25,21,16)
```
#251e18
```
#251e18 rgb(37,30,24)
```
#302820
```
#302820 rgb(48,40,32)
```
#3c3227
```
#3c3227 rgb(60,50,39)
```
#483c2f
```
#483c2f rgb(72,60,47)
```
#544637
```
#544637 rgb(84,70,55)
```
#60503e
```
#60503e rgb(96,80,62)
```
#6c5a46
```
#6c5a46 rgb(108,90,70)
```
#78634e
```
#78634e rgb(120,99,78)
```
#846d56
```
#846d56 rgb(132,109,86)
```
#90775d
```
#90775d rgb(144,119,93)
```

Shade Color Variation

#9b8165
```
#9b8165 rgb(155,129,101)
```
#a38b71
```
#a38b71 rgb(163,139,113)
```
#ab947d
```
#ab947d rgb(171,148,125)
```
#b29e89
```
#b29e89 rgb(178,158,137)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#c2b2a1
```
#c2b2a1 rgb(194,178,161)
```
#c9bcad
```
#c9bcad rgb(201,188,173)
```
#d1c5b9
```
#d1c5b9 rgb(209,197,185)
```
#d9cfc5
```
#d9cfc5 rgb(217,207,197)
```
#e1d9d0
```
#e1d9d0 rgb(225,217,208)
```
#e8e3dc
```
#e8e3dc rgb(232,227,220)
```
#f0ece8
```
#f0ece8 rgb(240,236,232)
```
#f8f6f4
```
#f8f6f4 rgb(248,246,244)
```

Tint Color Variation

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

#ada8a2
```
#ada8a2 rgb(173,168,162)
```
#b3a89c
```
#b3a89c rgb(179,168,156)
```
#baa895
```
#baa895 rgb(186,168,149)
```
#c1a88e
```
#c1a88e rgb(193,168,142)
```
#c7a888
```
#c7a888 rgb(199,168,136)
```
#cea981
```
#cea981 rgb(206,169,129)
```
#d5a97a
```
#d5a97a rgb(213,169,122)
```
#dca973
```
#dca973 rgb(220,169,115)
```
#e2a96d
```
#e2a96d rgb(226,169,109)
```
#e9a966
```
#e9a966 rgb(233,169,102)
```
#f0a95f
```
#f0a95f rgb(240,169,95)
```
#f7aa58
```
#f7aa58 rgb(247,170,88)
```
#fdaa52
```
#fdaa52 rgb(253,170,82)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aeaaa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ae9b Protanopia 1% of men
#c6a99b Deuteranopia 1% of men
#c1a8b4 Tritanopia 0.001% of the population

Trichromacy

#b8ac99 Protanomaly 1% of men, 0.01% of women
#c2a899 Deuteranomaly 6% of men, 0.4% of women
#bea8a9 Tritanomaly 0.01% of the population

#baa895 hex color

#baa895 Color Information

#baa895 Color Conversion

Color Schemes with #baa895

Alternatives to #baa895

#baa895 Preview

Shades and Tints of #baa895

Tones of #baa895

Color Blindness Simulator