#ba7f5f hex color

In a RGB color space, hex #ba7f5f is composed of 72.9% red, 49.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 21.1 degrees, a saturation of 39.7% and a lightness of 55.1%. #ba7f5f color hex could be obtained by blending #fffebe with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 50
- B 37
RGB color chart
- C 0
- M 32
- Y 49
- K 27
CMYK color chart

● #ba7f5f color description : Slightly desaturated orange.

The hexadecimal color #ba7f5f has RGB values of R:186, G:127, B:95 and CMYK values of C:0, M:0.32, Y:0.49, K:0.27. Its decimal value is 12222303.

Hex triplet	ba7f5f	`#ba7f5f`
RGB Decimal	186, 127, 95	`rgb(186,127,95)`
RGB Percent	72.9, 49.8, 37.3	`rgb(72.9%,49.8%,37.3%)`
CMYK	0, 32, 49, 27
HSL	21.1°, 39.7, 55.1	`hsl(21.1,39.7%,55.1%)`
HSV (or HSB)	21.1°, 48.9, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.458, 19.134, 26.583
XYZ	29.905, 26.446, 14.355
xyY	0.423, 0.374, 26.446
CIE-LCH	58.458, 32.753, 54.255
CIE-LUV	58.458, 43.208, 29.214
Hunter-Lab	51.425, 13.807, 19.447
Binary	10111010, 01111111, 01011111

#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#5f9aba
```
#5f9aba rgb(95,154,186)
```

Complementary Color

#ba5f6d
```
#ba5f6d rgb(186,95,109)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#baad5f
```
#baad5f rgb(186,173,95)
```

Analogous Color

#5f6dba
```
#5f6dba rgb(95,109,186)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#5fbaad
```
#5fbaad rgb(95,186,173)
```

Split Complementary Color

#7f5fba
```
#7f5fba rgb(127,95,186)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#5fba7f
```
#5fba7f rgb(95,186,127)
```

Triadic Color

#ba5f9a
```
#ba5f9a rgb(186,95,154)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#5fba7f
```
#5fba7f rgb(95,186,127)
```
#5f9aba
```
#5f9aba rgb(95,154,186)
```

Tetradic Color

#8f5a3e
```
#8f5a3e rgb(143,90,62)
```
#a16545
```
#a16545 rgb(161,101,69)
```
#b2714d
```
#b2714d rgb(178,113,77)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#c28d71
```
#c28d71 rgb(194,141,113)
```
#c99c83
```
#c99c83 rgb(201,156,131)
```
#d1aa94
```
#d1aa94 rgb(209,170,148)
```

Monochromatic Color

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

#ba685f
```
#ba685f rgb(186,104,95)
```
#ba705f
```
#ba705f rgb(186,112,95)
```
#ba775f
```
#ba775f rgb(186,119,95)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#ba875f
```
#ba875f rgb(186,135,95)
```
#ba8e5f
```
#ba8e5f rgb(186,142,95)
```
#ba965f
```
#ba965f rgb(186,150,95)
```

Similar Colors

Text with hexadecimal color #ba7f5f

This text has a font color of #ba7f5f.

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

#ba7f5f background color

This paragraph has a background color of #ba7f5f.

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

#ba7f5f border color

This element has a border color of #ba7f5f.

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

CSS codes

.text {color:#ba7f5f;}

.background {background-color:#ba7f5f;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120b08
```
#120b08 rgb(18,11,8)
```
#20140e
```
#20140e rgb(32,20,14)
```
#2e1d14
```
#2e1d14 rgb(46,29,20)
```
#3b251a
```
#3b251a rgb(59,37,26)
```
#492e1f
```
#492e1f rgb(73,46,31)
```
#573725
```
#573725 rgb(87,55,37)
```
#643f2b
```
#643f2b rgb(100,63,43)
```
#724831
```
#724831 rgb(114,72,49)
```
#805137
```
#805137 rgb(128,81,55)
```
#8e593d
```
#8e593d rgb(142,89,61)
```
#9b6243
```
#9b6243 rgb(155,98,67)
```
#a96b49
```
#a96b49 rgb(169,107,73)
```

Shade Color Variation

#b47451
```
#b47451 rgb(180,116,81)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#c08a6d
```
#c08a6d rgb(192,138,109)
```
#c6957a
```
#c6957a rgb(198,149,122)
```
#cca088
```
#cca088 rgb(204,160,136)
```
#d2ab96
```
#d2ab96 rgb(210,171,150)
```
#d8b6a4
```
#d8b6a4 rgb(216,182,164)
```
#ddc1b1
```
#ddc1b1 rgb(221,193,177)
```
#e3ccbf
```
#e3ccbf rgb(227,204,191)
```
#e9d7cd
```
#e9d7cd rgb(233,215,205)
```
#efe2da
```
#efe2da rgb(239,226,218)
```
#f5ede8
```
#f5ede8 rgb(245,237,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#8e8c8b
```
#8e8c8b rgb(142,140,139)
```
#978982
```
#978982 rgb(151,137,130)
```
#a08779
```
#a08779 rgb(160,135,121)
```
#a88471
```
#a88471 rgb(168,132,113)
```
#b18268
```
#b18268 rgb(177,130,104)
```
#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#c37c56
```
#c37c56 rgb(195,124,86)
```
#cc7a4d
```
#cc7a4d rgb(204,122,77)
```
#d47745
```
#d47745 rgb(212,119,69)
```
#dd753c
```
#dd753c rgb(221,117,60)
```
#e67233
```
#e67233 rgb(230,114,51)
```
#ef6f2a
```
#ef6f2a rgb(239,111,42)
```
#f86d21
```
#f86d21 rgb(248,109,33)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#968a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d926c Protanopia 1% of men
#ae8c65 Deuteranopia 1% of men
#c08089 Tritanopia 0.001% of the population

Trichromacy

#a78b67 Protanomaly 1% of men, 0.01% of women
#b28763 Deuteranomaly 6% of men, 0.4% of women
#be807a Tritanomaly 0.01% of the population

#ba7f5f hex color

#ba7f5f Color Information

#ba7f5f Color Conversion

Color Schemes with #ba7f5f

Alternatives to #ba7f5f

#ba7f5f Preview

Shades and Tints of #ba7f5f

Tones of #ba7f5f

Color Blindness Simulator