#ba785c hex color

In a RGB color space, hex #ba785c is composed of 72.9% red, 47.1% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 50.5% yellow and 27.1% black. It has a hue angle of 17.9 degrees, a saturation of 40.5% and a lightness of 54.5%. #ba785c color hex could be obtained by blending #fff0b8 with #750000. Closest websafe color is: #cc6666.

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

● #ba785c color description : Moderate orange.

The hexadecimal color #ba785c has RGB values of R:186, G:120, B:92 and CMYK values of C:0, M:0.35, Y:0.51, K:0.27. Its decimal value is 12220508.

Hex triplet	ba785c	`#ba785c`
RGB Decimal	186, 120, 92	`rgb(186,120,92)`
RGB Percent	72.9, 47.1, 36.1	`rgb(72.9%,47.1%,36.1%)`
CMYK	0, 35, 51, 27
HSL	17.9°, 40.5, 54.5	`hsl(17.9,40.5%,54.5%)`
HSV (or HSB)	17.9°, 50.5, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.729, 22.724, 26.013
XYZ	28.898, 24.647, 13.36
xyY	0.432, 0.368, 24.647
CIE-LCH	56.729, 34.541, 48.86
CIE-LUV	56.729, 48.427, 27.522
Hunter-Lab	49.645, 17.025, 18.796
Binary	10111010, 01111000, 01011100

#ba785c
```
#ba785c rgb(186,120,92)
```
#5c9eba
```
#5c9eba rgb(92,158,186)
```

Complementary Color

#ba5c6f
```
#ba5c6f rgb(186,92,111)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#baa75c
```
#baa75c rgb(186,167,92)
```

Analogous Color

#5c6fba
```
#5c6fba rgb(92,111,186)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#5cbaa7
```
#5cbaa7 rgb(92,186,167)
```

Split Complementary Color

#785cba
```
#785cba rgb(120,92,186)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#5cba78
```
#5cba78 rgb(92,186,120)
```

Triadic Color

#ba5c9e
```
#ba5c9e rgb(186,92,158)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#5cba78
```
#5cba78 rgb(92,186,120)
```
#5c9eba
```
#5c9eba rgb(92,158,186)
```

Tetradic Color

#8e543c
```
#8e543c rgb(142,84,60)
```
#9f5f44
```
#9f5f44 rgb(159,95,68)
```
#b16a4b
```
#b16a4b rgb(177,106,75)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#c2876e
```
#c2876e rgb(194,135,110)
```
#c99680
```
#c99680 rgb(201,150,128)
```
#d1a592
```
#d1a592 rgb(209,165,146)
```

Monochromatic Color

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

#ba615c
```
#ba615c rgb(186,97,92)
```
#ba685c
```
#ba685c rgb(186,104,92)
```
#ba705c
```
#ba705c rgb(186,112,92)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#ba805c
```
#ba805c rgb(186,128,92)
```
#ba885c
```
#ba885c rgb(186,136,92)
```
#ba905c
```
#ba905c rgb(186,144,92)
```

Similar Colors

Text with hexadecimal color #ba785c

This text has a font color of #ba785c.

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

#ba785c background color

This paragraph has a background color of #ba785c.

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

#ba785c border color

This element has a border color of #ba785c.

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

CSS codes

.text {color:#ba785c;}

.background {background-color:#ba785c;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100a07
```
#100a07 rgb(16,10,7)
```
#1e120d
```
#1e120d rgb(30,18,13)
```
#2c1a13
```
#2c1a13 rgb(44,26,19)
```
#3a2218
```
#3a2218 rgb(58,34,24)
```
#472a1e
```
#472a1e rgb(71,42,30)
```
#553324
```
#553324 rgb(85,51,36)
```
#633b2a
```
#633b2a rgb(99,59,42)
```
#714330
```
#714330 rgb(113,67,48)
```
#7e4b36
```
#7e4b36 rgb(126,75,54)
```
#8c533b
```
#8c533b rgb(140,83,59)
```
#9a5c41
```
#9a5c41 rgb(154,92,65)
```
#a86447
```
#a86447 rgb(168,100,71)
```

Shade Color Variation

#b46d4e
```
#b46d4e rgb(180,109,78)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#c0836a
```
#c0836a rgb(192,131,106)
```
#c68f78
```
#c68f78 rgb(198,143,120)
```
#cc9a85
```
#cc9a85 rgb(204,154,133)
```
#d1a693
```
#d1a693 rgb(209,166,147)
```
#d7b1a1
```
#d7b1a1 rgb(215,177,161)
```
#ddbcaf
```
#ddbcaf rgb(221,188,175)
```
#e3c8bc
```
#e3c8bc rgb(227,200,188)
```
#e9d3ca
```
#e9d3ca rgb(233,211,202)
```
#efdfd8
```
#efdfd8 rgb(239,223,216)
```
#f4eae6
```
#f4eae6 rgb(244,234,230)
```
#faf6f4
```
#faf6f4 rgb(250,246,244)
```

Tint Color Variation

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

#8d8a89
```
#8d8a89 rgb(141,138,137)
```
#968680
```
#968680 rgb(150,134,128)
```
#9f8377
```
#9f8377 rgb(159,131,119)
```
#a87f6e
```
#a87f6e rgb(168,127,110)
```
#b17c65
```
#b17c65 rgb(177,124,101)
```
#ba785c
```
#ba785c rgb(186,120,92)
```
#c37453
```
#c37453 rgb(195,116,83)
```
#cc714a
```
#cc714a rgb(204,113,74)
```
#d56d41
```
#d56d41 rgb(213,109,65)
```
#de6a38
```
#de6a38 rgb(222,106,56)
```
#e7662f
```
#e7662f rgb(231,102,47)
```
#f06226
```
#f06226 rgb(240,98,38)
```
#f85f1e
```
#f85f1e rgb(248,95,30)
```

Tone Color Variation

Below, you can see how #ba785c 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
#938680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988e6a Protanopia 1% of men
#a98861 Deuteranopia 1% of men
#c07a83 Tritanopia 0.001% of the population

Trichromacy

#a48665 Protanomaly 1% of men, 0.01% of women
#af825f Deuteranomaly 6% of men, 0.4% of women
#bd7974 Tritanomaly 0.01% of the population

#ba785c hex color

#ba785c Color Information

#ba785c Color Conversion

Color Schemes with #ba785c

Alternatives to #ba785c

#ba785c Preview

Shades and Tints of #ba785c

Tones of #ba785c

Color Blindness Simulator