#ba7a5d hex color

In a RGB color space, hex #ba7a5d is composed of 72.9% red, 47.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 50% yellow and 27.1% black. It has a hue angle of 18.7 degrees, a saturation of 40.3% and a lightness of 54.7%. #ba7a5d color hex could be obtained by blending #fff4ba with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 48
- B 36
RGB color chart
- C 0
- M 34
- Y 50
- K 27
CMYK color chart

● #ba7a5d color description : Moderate orange.

The hexadecimal color #ba7a5d has RGB values of R:186, G:122, B:93 and CMYK values of C:0, M:0.34, Y:0.5, K:0.27. Its decimal value is 12221021.

Hex triplet	ba7a5d	`#ba7a5d`
RGB Decimal	186, 122, 93	`rgb(186,122,93)`
RGB Percent	72.9, 47.8, 36.5	`rgb(72.9%,47.8%,36.5%)`
CMYK	0, 34, 50, 27
HSL	18.7°, 40.3, 54.7	`hsl(18.7,40.3%,54.7%)`
HSV (or HSB)	18.7°, 50, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.222, 21.713, 26.092
XYZ	29.185, 25.15, 13.673
xyY	0.429, 0.37, 25.15
CIE-LCH	57.222, 33.944, 50.234
CIE-LUV	57.222, 46.909, 27.916
Hunter-Lab	50.15, 16.118, 18.94
Binary	10111010, 01111010, 01011101

#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#5d9dba
```
#5d9dba rgb(93,157,186)
```

Complementary Color

#ba5d6f
```
#ba5d6f rgb(186,93,111)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#baa95d
```
#baa95d rgb(186,169,93)
```

Analogous Color

#5d6fba
```
#5d6fba rgb(93,111,186)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#5dbaa9
```
#5dbaa9 rgb(93,186,169)
```

Split Complementary Color

#7a5dba
```
#7a5dba rgb(122,93,186)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#5dba7a
```
#5dba7a rgb(93,186,122)
```

Triadic Color

#ba5d9d
```
#ba5d9d rgb(186,93,157)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#5dba7a
```
#5dba7a rgb(93,186,122)
```
#5d9dba
```
#5d9dba rgb(93,157,186)
```

Tetradic Color

#8e563c
```
#8e563c rgb(142,86,60)
```
#a06144
```
#a06144 rgb(160,97,68)
```
#b26c4c
```
#b26c4c rgb(178,108,76)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#c2896f
```
#c2896f rgb(194,137,111)
```
#c99781
```
#c99781 rgb(201,151,129)
```
#d1a693
```
#d1a693 rgb(209,166,147)
```

Monochromatic Color

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

#ba635d
```
#ba635d rgb(186,99,93)
```
#ba6b5d
```
#ba6b5d rgb(186,107,93)
```
#ba725d
```
#ba725d rgb(186,114,93)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#ba825d
```
#ba825d rgb(186,130,93)
```
#ba8a5d
```
#ba8a5d rgb(186,138,93)
```
#ba915d
```
#ba915d rgb(186,145,93)
```

Similar Colors

Text with hexadecimal color #ba7a5d

This text has a font color of #ba7a5d.

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

#ba7a5d background color

This paragraph has a background color of #ba7a5d.

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

#ba7a5d border color

This element has a border color of #ba7a5d.

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

CSS codes

.text {color:#ba7a5d;}

.background {background-color:#ba7a5d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110a07
```
#110a07 rgb(17,10,7)
```
#1f130d
```
#1f130d rgb(31,19,13)
```
#2c1b13
```
#2c1b13 rgb(44,27,19)
```
#3a2319
```
#3a2319 rgb(58,35,25)
```
#482b1f
```
#482b1f rgb(72,43,31)
```
#563424
```
#563424 rgb(86,52,36)
```
#633c2a
```
#633c2a rgb(99,60,42)
```
#714430
```
#714430 rgb(113,68,48)
```
#7f4d36
```
#7f4d36 rgb(127,77,54)
```
#8d553c
```
#8d553c rgb(141,85,60)
```
#9a5d42
```
#9a5d42 rgb(154,93,66)
```
#a86648
```
#a86648 rgb(168,102,72)
```

Shade Color Variation

#b46f4f
```
#b46f4f rgb(180,111,79)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#c0856b
```
#c0856b rgb(192,133,107)
```
#c69179
```
#c69179 rgb(198,145,121)
```
#cc9c86
```
#cc9c86 rgb(204,156,134)
```
#d1a794
```
#d1a794 rgb(209,167,148)
```
#d7b2a2
```
#d7b2a2 rgb(215,178,162)
```
#ddbeb0
```
#ddbeb0 rgb(221,190,176)
```
#e3c9bd
```
#e3c9bd rgb(227,201,189)
```
#e9d4cb
```
#e9d4cb rgb(233,212,203)
```
#efe0d9
```
#efe0d9 rgb(239,224,217)
```
#f5ebe7
```
#f5ebe7 rgb(245,235,231)
```
#faf6f4
```
#faf6f4 rgb(250,246,244)
```

Tint Color Variation

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

#8e8b89
```
#8e8b89 rgb(142,139,137)
```
#968781
```
#968781 rgb(150,135,129)
```
#9f8478
```
#9f8478 rgb(159,132,120)
```
#a8816f
```
#a8816f rgb(168,129,111)
```
#b17d66
```
#b17d66 rgb(177,125,102)
```
#ba7a5d
```
#ba7a5d rgb(186,122,93)
```
#c37754
```
#c37754 rgb(195,119,84)
```
#cc734b
```
#cc734b rgb(204,115,75)
```
#d57042
```
#d57042 rgb(213,112,66)
```
#de6d39
```
#de6d39 rgb(222,109,57)
```
#e66931
```
#e66931 rgb(230,105,49)
```
#ef6628
```
#ef6628 rgb(239,102,40)
```
#f8631f
```
#f8631f rgb(248,99,31)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998f6b Protanopia 1% of men
#aa8963 Deuteranopia 1% of men
#c07c85 Tritanopia 0.001% of the population

Trichromacy

#a58765 Protanomaly 1% of men, 0.01% of women
#b08360 Deuteranomaly 6% of men, 0.4% of women
#be7b76 Tritanomaly 0.01% of the population

#ba7a5d hex color

#ba7a5d Color Information

#ba7a5d Color Conversion

Color Schemes with #ba7a5d

Alternatives to #ba7a5d

#ba7a5d Preview

Shades and Tints of #ba7a5d

Tones of #ba7a5d

Color Blindness Simulator