#ba785f hex color

In a RGB color space, hex #ba785f is composed of 72.9% red, 47.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 16.5 degrees, a saturation of 39.7% and a lightness of 55.1%. #ba785f color hex could be obtained by blending #fff0be 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

● #ba785f color description : Slightly desaturated orange.

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

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

CIE-LAB	56.782, 23.016, 24.386
XYZ	29.032, 24.7, 14.064
xyY	0.428, 0.364, 24.7
CIE-LCH	56.782, 33.532, 46.656
CIE-LUV	56.782, 48.023, 25.775
Hunter-Lab	49.699, 17.298, 18.011
Binary	10111010, 01111000, 01011111

#ba785f
```
#ba785f rgb(186,120,95)
```
#5fa1ba
```
#5fa1ba rgb(95,161,186)
```

Complementary Color

#ba5f74
```
#ba5f74 rgb(186,95,116)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#baa65f
```
#baa65f rgb(186,166,95)
```

Analogous Color

#5f74ba
```
#5f74ba rgb(95,116,186)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#5fbaa6
```
#5fbaa6 rgb(95,186,166)
```

Split Complementary Color

#785fba
```
#785fba rgb(120,95,186)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#5fba78
```
#5fba78 rgb(95,186,120)
```

Triadic Color

#ba5fa1
```
#ba5fa1 rgb(186,95,161)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#5fba78
```
#5fba78 rgb(95,186,120)
```
#5fa1ba
```
#5fa1ba rgb(95,161,186)
```

Tetradic Color

#8f543e
```
#8f543e rgb(143,84,62)
```
#a15e45
```
#a15e45 rgb(161,94,69)
```
#b2694d
```
#b2694d rgb(178,105,77)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#c28771
```
#c28771 rgb(194,135,113)
```
#c99683
```
#c99683 rgb(201,150,131)
```
#d1a594
```
#d1a594 rgb(209,165,148)
```

Monochromatic Color

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

#ba615f
```
#ba615f rgb(186,97,95)
```
#ba695f
```
#ba695f rgb(186,105,95)
```
#ba705f
```
#ba705f rgb(186,112,95)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#ba805f
```
#ba805f rgb(186,128,95)
```
#ba875f
```
#ba875f rgb(186,135,95)
```
#ba8f5f
```
#ba8f5f rgb(186,143,95)
```

Similar Colors

Text with hexadecimal color #ba785f

This text has a font color of #ba785f.

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

#ba785f background color

This paragraph has a background color of #ba785f.

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

#ba785f border color

This element has a border color of #ba785f.

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

CSS codes

.text {color:#ba785f;}

.background {background-color:#ba785f;}

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

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)
```
#643b2b
```
#643b2b rgb(100,59,43)
```
#724331
```
#724331 rgb(114,67,49)
```
#804b37
```
#804b37 rgb(128,75,55)
```
#8e533d
```
#8e533d rgb(142,83,61)
```
#9b5b43
```
#9b5b43 rgb(155,91,67)
```
#a96349
```
#a96349 rgb(169,99,73)
```

Shade Color Variation

#b46c51
```
#b46c51 rgb(180,108,81)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#c0846d
```
#c0846d rgb(192,132,109)
```
#c68f7a
```
#c68f7a rgb(198,143,122)
```
#cc9b88
```
#cc9b88 rgb(204,155,136)
```
#d2a696
```
#d2a696 rgb(210,166,150)
```
#d8b2a4
```
#d8b2a4 rgb(216,178,164)
```
#ddbdb1
```
#ddbdb1 rgb(221,189,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 #f85c21 is the most saturated one.

#8e8c8b
```
#8e8c8b rgb(142,140,139)
```
#978882
```
#978882 rgb(151,136,130)
```
#a08479
```
#a08479 rgb(160,132,121)
```
#a88071
```
#a88071 rgb(168,128,113)
```
#b17c68
```
#b17c68 rgb(177,124,104)
```
#ba785f
```
#ba785f rgb(186,120,95)
```
#c37456
```
#c37456 rgb(195,116,86)
```
#cc704d
```
#cc704d rgb(204,112,77)
```
#d46c45
```
#d46c45 rgb(212,108,69)
```
#dd683c
```
#dd683c rgb(221,104,60)
```
#e66433
```
#e66433 rgb(230,100,51)
```
#ef602a
```
#ef602a rgb(239,96,42)
```
#f85c21
```
#f85c21 rgb(248,92,33)
```

Tone Color Variation

Below, you can see how #ba785f 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
#a88864 Deuteranopia 1% of men
#c07b83 Tritanopia 0.001% of the population

Trichromacy

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

#ba785f hex color

#ba785f Color Information

#ba785f Color Conversion

Color Schemes with #ba785f

Alternatives to #ba785f

#ba785f Preview

Shades and Tints of #ba785f

Tones of #ba785f

Color Blindness Simulator