#ba785d hex color

In a RGB color space, hex #ba785d is composed of 72.9% red, 47.1% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 50% yellow and 27.1% black. It has a hue angle of 17.4 degrees, a saturation of 40.3% and a lightness of 54.7%. #ba785d color hex could be obtained by blending #fff0ba with #750000. Closest websafe color is: #cc6666.

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

● #ba785d color description : Moderate orange.

The hexadecimal color #ba785d has RGB values of R:186, G:120, B:93 and CMYK values of C:0, M:0.35, Y:0.5, K:0.27. Its decimal value is 12220509.

Hex triplet	ba785d	`#ba785d`
RGB Decimal	186, 120, 93	`rgb(186,120,93)`
RGB Percent	72.9, 47.1, 36.5	`rgb(72.9%,47.1%,36.5%)`
CMYK	0, 35, 50, 27
HSL	17.4°, 40.3, 54.7	`hsl(17.4,40.3%,54.7%)`
HSV (or HSB)	17.4°, 50, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.747, 22.82, 25.471
XYZ	28.942, 24.664, 13.592
xyY	0.431, 0.367, 24.664
CIE-LCH	56.747, 34.199, 48.142
CIE-LUV	56.747, 48.293, 26.945
Hunter-Lab	49.663, 17.115, 18.538
Binary	10111010, 01111000, 01011101

#ba785d
```
#ba785d rgb(186,120,93)
```
#5d9fba
```
#5d9fba rgb(93,159,186)
```

Complementary Color

#ba5d71
```
#ba5d71 rgb(186,93,113)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#baa75d
```
#baa75d rgb(186,167,93)
```

Analogous Color

#5d71ba
```
#5d71ba rgb(93,113,186)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#5dbaa7
```
#5dbaa7 rgb(93,186,167)
```

Split Complementary Color

#785dba
```
#785dba rgb(120,93,186)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#5dba78
```
#5dba78 rgb(93,186,120)
```

Triadic Color

#ba5d9f
```
#ba5d9f rgb(186,93,159)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#5dba78
```
#5dba78 rgb(93,186,120)
```
#5d9fba
```
#5d9fba rgb(93,159,186)
```

Tetradic Color

#8e543c
```
#8e543c rgb(142,84,60)
```
#a05f44
```
#a05f44 rgb(160,95,68)
```
#b2694c
```
#b2694c rgb(178,105,76)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#c2876f
```
#c2876f rgb(194,135,111)
```
#c99681
```
#c99681 rgb(201,150,129)
```
#d1a593
```
#d1a593 rgb(209,165,147)
```

Monochromatic Color

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

#ba615d
```
#ba615d rgb(186,97,93)
```
#ba695d
```
#ba695d rgb(186,105,93)
```
#ba705d
```
#ba705d rgb(186,112,93)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#ba805d
```
#ba805d rgb(186,128,93)
```
#ba885d
```
#ba885d rgb(186,136,93)
```
#ba8f5d
```
#ba8f5d rgb(186,143,93)
```

Similar Colors

Text with hexadecimal color #ba785d

This text has a font color of #ba785d.

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

#ba785d background color

This paragraph has a background color of #ba785d.

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

#ba785d border color

This element has a border color of #ba785d.

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

CSS codes

.text {color:#ba785d;}

.background {background-color:#ba785d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110a07
```
#110a07 rgb(17,10,7)
```
#1f120d
```
#1f120d rgb(31,18,13)
```
#2c1a13
```
#2c1a13 rgb(44,26,19)
```
#3a2219
```
#3a2219 rgb(58,34,25)
```
#482b1f
```
#482b1f rgb(72,43,31)
```
#563324
```
#563324 rgb(86,51,36)
```
#633b2a
```
#633b2a rgb(99,59,42)
```
#714330
```
#714330 rgb(113,67,48)
```
#7f4b36
```
#7f4b36 rgb(127,75,54)
```
#8d533c
```
#8d533c rgb(141,83,60)
```
#9a5b42
```
#9a5b42 rgb(154,91,66)
```
#a86448
```
#a86448 rgb(168,100,72)
```

Shade Color Variation

#b46d4f
```
#b46d4f rgb(180,109,79)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#c0836b
```
#c0836b rgb(192,131,107)
```
#c68f79
```
#c68f79 rgb(198,143,121)
```
#cc9a86
```
#cc9a86 rgb(204,154,134)
```
#d1a694
```
#d1a694 rgb(209,166,148)
```
#d7b1a2
```
#d7b1a2 rgb(215,177,162)
```
#ddbdb0
```
#ddbdb0 rgb(221,189,176)
```
#e3c8bd
```
#e3c8bd rgb(227,200,189)
```
#e9d4cb
```
#e9d4cb rgb(233,212,203)
```
#efdfd9
```
#efdfd9 rgb(239,223,217)
```
#f5ebe7
```
#f5ebe7 rgb(245,235,231)
```
#faf6f4
```
#faf6f4 rgb(250,246,244)
```

Tint Color Variation

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

#8e8b89
```
#8e8b89 rgb(142,139,137)
```
#968781
```
#968781 rgb(150,135,129)
```
#9f8378
```
#9f8378 rgb(159,131,120)
```
#a87f6f
```
#a87f6f rgb(168,127,111)
```
#b17c66
```
#b17c66 rgb(177,124,102)
```
#ba785d
```
#ba785d rgb(186,120,93)
```
#c37454
```
#c37454 rgb(195,116,84)
```
#cc714b
```
#cc714b rgb(204,113,75)
```
#d56d42
```
#d56d42 rgb(213,109,66)
```
#de6939
```
#de6939 rgb(222,105,57)
```
#e66531
```
#e66531 rgb(230,101,49)
```
#ef6228
```
#ef6228 rgb(239,98,40)
```
#f85e1f
```
#f85e1f rgb(248,94,31)
```

Tone Color Variation

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

#988e6b Protanopia 1% of men
#a98862 Deuteranopia 1% of men
#c07a83 Tritanopia 0.001% of the population

Trichromacy

#a48666 Protanomaly 1% of men, 0.01% of women
#af8260 Deuteranomaly 6% of men, 0.4% of women
#bd7975 Tritanomaly 0.01% of the population

#ba785d hex color

#ba785d Color Information

#ba785d Color Conversion

Color Schemes with #ba785d

Alternatives to #ba785d

#ba785d Preview

Shades and Tints of #ba785d

Tones of #ba785d

Color Blindness Simulator