#ba7c5f hex color

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

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

● #ba7c5f color description : Slightly desaturated orange.

The hexadecimal color #ba7c5f has RGB values of R:186, G:124, B:95 and CMYK values of C:0, M:0.33, Y:0.49, K:0.27. Its decimal value is 12221535.

Hex triplet	ba7c5f	`#ba7c5f`
RGB Decimal	186, 124, 95	`rgb(186,124,95)`
RGB Percent	72.9, 48.6, 37.3	`rgb(72.9%,48.6%,37.3%)`
CMYK	0, 33, 49, 27
HSL	19.1°, 39.7, 55.1	`hsl(19.1,39.7%,55.1%)`
HSV (or HSB)	19.1°, 48.9, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.734, 20.799, 25.638
XYZ	29.523, 25.682, 14.228
xyY	0.425, 0.37, 25.682
CIE-LCH	57.734, 33.013, 50.948
CIE-LUV	57.734, 45.272, 27.735
Hunter-Lab	50.678, 15.302, 18.828
Binary	10111010, 01111100, 01011111

#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#5f9dba
```
#5f9dba rgb(95,157,186)
```

Complementary Color

#ba5f70
```
#ba5f70 rgb(186,95,112)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#baaa5f
```
#baaa5f rgb(186,170,95)
```

Analogous Color

#5f70ba
```
#5f70ba rgb(95,112,186)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#5fbaaa
```
#5fbaaa rgb(95,186,170)
```

Split Complementary Color

#7c5fba
```
#7c5fba rgb(124,95,186)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#5fba7c
```
#5fba7c rgb(95,186,124)
```

Triadic Color

#ba5f9d
```
#ba5f9d rgb(186,95,157)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#5fba7c
```
#5fba7c rgb(95,186,124)
```
#5f9dba
```
#5f9dba rgb(95,157,186)
```

Tetradic Color

#8f583e
```
#8f583e rgb(143,88,62)
```
#a16245
```
#a16245 rgb(161,98,69)
```
#b26d4d
```
#b26d4d rgb(178,109,77)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#c28b71
```
#c28b71 rgb(194,139,113)
```
#c99983
```
#c99983 rgb(201,153,131)
```
#d1a894
```
#d1a894 rgb(209,168,148)
```

Monochromatic Color

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

#ba655f
```
#ba655f rgb(186,101,95)
```
#ba6d5f
```
#ba6d5f rgb(186,109,95)
```
#ba745f
```
#ba745f rgb(186,116,95)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#ba845f
```
#ba845f rgb(186,132,95)
```
#ba8b5f
```
#ba8b5f rgb(186,139,95)
```
#ba935f
```
#ba935f rgb(186,147,95)
```

Similar Colors

Text with hexadecimal color #ba7c5f

This text has a font color of #ba7c5f.

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

#ba7c5f background color

This paragraph has a background color of #ba7c5f.

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

#ba7c5f border color

This element has a border color of #ba7c5f.

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

CSS codes

.text {color:#ba7c5f;}

.background {background-color:#ba7c5f;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120b08
```
#120b08 rgb(18,11,8)
```
#20140e
```
#20140e rgb(32,20,14)
```
#2e1c14
```
#2e1c14 rgb(46,28,20)
```
#3b241a
```
#3b241a rgb(59,36,26)
```
#492d1f
```
#492d1f rgb(73,45,31)
```
#573525
```
#573525 rgb(87,53,37)
```
#643d2b
```
#643d2b rgb(100,61,43)
```
#724631
```
#724631 rgb(114,70,49)
```
#804e37
```
#804e37 rgb(128,78,55)
```
#8e573d
```
#8e573d rgb(142,87,61)
```
#9b5f43
```
#9b5f43 rgb(155,95,67)
```
#a96749
```
#a96749 rgb(169,103,73)
```

Shade Color Variation

#b47151
```
#b47151 rgb(180,113,81)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#c0876d
```
#c0876d rgb(192,135,109)
```
#c6927a
```
#c6927a rgb(198,146,122)
```
#cc9e88
```
#cc9e88 rgb(204,158,136)
```
#d2a996
```
#d2a996 rgb(210,169,150)
```
#d8b4a4
```
#d8b4a4 rgb(216,180,164)
```
#ddbfb1
```
#ddbfb1 rgb(221,191,177)
```
#e3cbbf
```
#e3cbbf rgb(227,203,191)
```
#e9d6cd
```
#e9d6cd rgb(233,214,205)
```
#efe1da
```
#efe1da rgb(239,225,218)
```
#f5ece8
```
#f5ece8 rgb(245,236,232)
```
#fbf7f6
```
#fbf7f6 rgb(251,247,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 #f86621 is the most saturated one.

#8e8c8b
```
#8e8c8b rgb(142,140,139)
```
#978982
```
#978982 rgb(151,137,130)
```
#a08679
```
#a08679 rgb(160,134,121)
```
#a88271
```
#a88271 rgb(168,130,113)
```
#b17f68
```
#b17f68 rgb(177,127,104)
```
#ba7c5f
```
#ba7c5f rgb(186,124,95)
```
#c37956
```
#c37956 rgb(195,121,86)
```
#cc764d
```
#cc764d rgb(204,118,77)
```
#d47245
```
#d47245 rgb(212,114,69)
```
#dd6f3c
```
#dd6f3c rgb(221,111,60)
```
#e66c33
```
#e66c33 rgb(230,108,51)
```
#ef692a
```
#ef692a rgb(239,105,42)
```
#f86621
```
#f86621 rgb(248,102,33)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#948882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a906c Protanopia 1% of men
#ab8a65 Deuteranopia 1% of men
#c07e87 Tritanopia 0.001% of the population

Trichromacy

#a68967 Protanomaly 1% of men, 0.01% of women
#b18562 Deuteranomaly 6% of men, 0.4% of women
#be7d78 Tritanomaly 0.01% of the population

#ba7c5f hex color

#ba7c5f Color Information

#ba7c5f Color Conversion

Color Schemes with #ba7c5f

Alternatives to #ba7c5f

#ba7c5f Preview

Shades and Tints of #ba7c5f

Tones of #ba7c5f

Color Blindness Simulator