#ba795f hex color

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

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

● #ba795f color description : Slightly desaturated orange.

The hexadecimal color #ba795f has RGB values of R:186, G:121, B:95 and CMYK values of C:0, M:0.35, Y:0.49, K:0.27. Its decimal value is 12220767.

Hex triplet	ba795f	`#ba795f`
RGB Decimal	186, 121, 95	`rgb(186,121,95)`
RGB Percent	72.9, 47.5, 37.3	`rgb(72.9%,47.5%,37.3%)`
CMYK	0, 35, 49, 27
HSL	17.1°, 39.7, 55.1	`hsl(17.1,39.7%,55.1%)`
HSV (or HSB)	17.1°, 48.9, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.019, 22.462, 24.698
XYZ	29.153, 24.942, 14.105
xyY	0.427, 0.366, 24.942
CIE-LCH	57.019, 33.385, 47.715
CIE-LUV	57.019, 47.336, 26.264
Hunter-Lab	49.942, 16.799, 18.214
Binary	10111010, 01111001, 01011111

#ba795f
```
#ba795f rgb(186,121,95)
```
#5fa0ba
```
#5fa0ba rgb(95,160,186)
```

Complementary Color

#ba5f73
```
#ba5f73 rgb(186,95,115)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#baa75f
```
#baa75f rgb(186,167,95)
```

Analogous Color

#5f73ba
```
#5f73ba rgb(95,115,186)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#5fbaa7
```
#5fbaa7 rgb(95,186,167)
```

Split Complementary Color

#795fba
```
#795fba rgb(121,95,186)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#5fba79
```
#5fba79 rgb(95,186,121)
```

Triadic Color

#ba5fa0
```
#ba5fa0 rgb(186,95,160)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#5fba79
```
#5fba79 rgb(95,186,121)
```
#5fa0ba
```
#5fa0ba rgb(95,160,186)
```

Tetradic Color

#8f553e
```
#8f553e rgb(143,85,62)
```
#a15f45
```
#a15f45 rgb(161,95,69)
```
#b26a4d
```
#b26a4d rgb(178,106,77)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#c28871
```
#c28871 rgb(194,136,113)
```
#c99783
```
#c99783 rgb(201,151,131)
```
#d1a694
```
#d1a694 rgb(209,166,148)
```

Monochromatic Color

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

#ba625f
```
#ba625f rgb(186,98,95)
```
#ba6a5f
```
#ba6a5f rgb(186,106,95)
```
#ba715f
```
#ba715f rgb(186,113,95)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#ba815f
```
#ba815f rgb(186,129,95)
```
#ba885f
```
#ba885f rgb(186,136,95)
```
#ba905f
```
#ba905f rgb(186,144,95)
```

Similar Colors

Text with hexadecimal color #ba795f

This text has a font color of #ba795f.

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

#ba795f background color

This paragraph has a background color of #ba795f.

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

#ba795f border color

This element has a border color of #ba795f.

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

CSS codes

.text {color:#ba795f;}

.background {background-color:#ba795f;}

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

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)
```
#20130e
```
#20130e rgb(32,19,14)
```
#2e1b14
```
#2e1b14 rgb(46,27,20)
```
#3b231a
```
#3b231a rgb(59,35,26)
```
#492b1f
```
#492b1f rgb(73,43,31)
```
#573325
```
#573325 rgb(87,51,37)
```
#643c2b
```
#643c2b rgb(100,60,43)
```
#724431
```
#724431 rgb(114,68,49)
```
#804c37
```
#804c37 rgb(128,76,55)
```
#8e543d
```
#8e543d rgb(142,84,61)
```
#9b5c43
```
#9b5c43 rgb(155,92,67)
```
#a96449
```
#a96449 rgb(169,100,73)
```

Shade Color Variation

#b46e51
```
#b46e51 rgb(180,110,81)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#c0846d
```
#c0846d rgb(192,132,109)
```
#c6907a
```
#c6907a rgb(198,144,122)
```
#cc9b88
```
#cc9b88 rgb(204,155,136)
```
#d2a796
```
#d2a796 rgb(210,167,150)
```
#d8b2a4
```
#d8b2a4 rgb(216,178,164)
```
#ddbeb1
```
#ddbeb1 rgb(221,190,177)
```
#e3c9bf
```
#e3c9bf rgb(227,201,191)
```
#e9d5cd
```
#e9d5cd rgb(233,213,205)
```
#efe0da
```
#efe0da rgb(239,224,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 #f85f21 is the most saturated one.

#8e8c8b
```
#8e8c8b rgb(142,140,139)
```
#978882
```
#978882 rgb(151,136,130)
```
#a08479
```
#a08479 rgb(160,132,121)
```
#a88171
```
#a88171 rgb(168,129,113)
```
#b17d68
```
#b17d68 rgb(177,125,104)
```
#ba795f
```
#ba795f rgb(186,121,95)
```
#c37556
```
#c37556 rgb(195,117,86)
```
#cc714d
```
#cc714d rgb(204,113,77)
```
#d46e45
```
#d46e45 rgb(212,110,69)
```
#dd6a3c
```
#dd6a3c rgb(221,106,60)
```
#e66633
```
#e66633 rgb(230,102,51)
```
#ef622a
```
#ef622a rgb(239,98,42)
```
#f85f21
```
#f85f21 rgb(248,95,33)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#938681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988e6d Protanopia 1% of men
#a98964 Deuteranopia 1% of men
#c07b84 Tritanopia 0.001% of the population

Trichromacy

#a48668 Protanomaly 1% of men, 0.01% of women
#af8362 Deuteranomaly 6% of men, 0.4% of women
#bd7a76 Tritanomaly 0.01% of the population

#ba795f hex color

#ba795f Color Information

#ba795f Color Conversion

Color Schemes with #ba795f

Alternatives to #ba795f

#ba795f Preview

Shades and Tints of #ba795f

Tones of #ba795f

Color Blindness Simulator