#ba845a hex color

In a RGB color space, hex #ba845a is composed of 72.9% red, 51.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 51.6% yellow and 27.1% black. It has a hue angle of 26.3 degrees, a saturation of 41% and a lightness of 54.1%. #ba845a color hex could be obtained by blending #ffffb4 with #750900. Closest websafe color is: #cc9966.

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

● #ba845a color description : Moderate orange.

The hexadecimal color #ba845a has RGB values of R:186, G:132, B:90 and CMYK values of C:0, M:0.29, Y:0.52, K:0.27. Its decimal value is 12223578.

Hex triplet	ba845a	`#ba845a`
RGB Decimal	186, 132, 90	`rgb(186,132,90)`
RGB Percent	72.9, 51.8, 35.3	`rgb(72.9%,51.8%,35.3%)`
CMYK	0, 29, 52, 27
HSL	26.3°, 41, 54.1	`hsl(26.3,41%,54.1%)`
HSV (or HSB)	26.3°, 51.6, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.6, 15.878, 30.82
XYZ	30.347, 27.681, 13.417
xyY	0.425, 0.387, 27.681
CIE-LCH	59.6, 34.67, 62.744
CIE-LUV	59.6, 40.305, 34.458
Hunter-Lab	52.613, 10.884, 21.71
Binary	10111010, 10000100, 01011010

#ba845a
```
#ba845a rgb(186,132,90)
```
#5a90ba
```
#5a90ba rgb(90,144,186)
```

Complementary Color

#ba5a60
```
#ba5a60 rgb(186,90,96)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#bab45a
```
#bab45a rgb(186,180,90)
```

Analogous Color

#5a60ba
```
#5a60ba rgb(90,96,186)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#5abab4
```
#5abab4 rgb(90,186,180)
```

Split Complementary Color

#845aba
```
#845aba rgb(132,90,186)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#5aba84
```
#5aba84 rgb(90,186,132)
```

Triadic Color

#ba5a90
```
#ba5a90 rgb(186,90,144)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#5aba84
```
#5aba84 rgb(90,186,132)
```
#5a90ba
```
#5a90ba rgb(90,144,186)
```

Tetradic Color

#8d5f3b
```
#8d5f3b rgb(141,95,59)
```
#9f6b42
```
#9f6b42 rgb(159,107,66)
```
#b1774a
```
#b1774a rgb(177,119,74)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#c2916c
```
#c2916c rgb(194,145,108)
```
#c99f7e
```
#c99f7e rgb(201,159,126)
```
#d1ac90
```
#d1ac90 rgb(209,172,144)
```

Monochromatic Color

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

#ba6c5a
```
#ba6c5a rgb(186,108,90)
```
#ba745a
```
#ba745a rgb(186,116,90)
```
#ba7c5a
```
#ba7c5a rgb(186,124,90)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#ba8c5a
```
#ba8c5a rgb(186,140,90)
```
#ba945a
```
#ba945a rgb(186,148,90)
```
#ba9c5a
```
#ba9c5a rgb(186,156,90)
```

Similar Colors

Text with hexadecimal color #ba845a

This text has a font color of #ba845a.

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

#ba845a background color

This paragraph has a background color of #ba845a.

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

#ba845a border color

This element has a border color of #ba845a.

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

CSS codes

.text {color:#ba845a;}

.background {background-color:#ba845a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0a06
```
#0f0a06 rgb(15,10,6)
```
#1d130c
```
#1d130c rgb(29,19,12)
```
#2a1d12
```
#2a1d12 rgb(42,29,18)
```
#382618
```
#382618 rgb(56,38,24)
```
#462f1d
```
#462f1d rgb(70,47,29)
```
#543823
```
#543823 rgb(84,56,35)
```
#624229
```
#624229 rgb(98,66,41)
```
#704b2f
```
#704b2f rgb(112,75,47)
```
#7d5434
```
#7d5434 rgb(125,84,52)
```
#8b5e3a
```
#8b5e3a rgb(139,94,58)
```
#996740
```
#996740 rgb(153,103,64)
```
#a77046
```
#a77046 rgb(167,112,70)
```

Shade Color Variation

#b47a4c
```
#b47a4c rgb(180,122,76)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#c08e68
```
#c08e68 rgb(192,142,104)
```
#c69976
```
#c69976 rgb(198,153,118)
```
#cba383
```
#cba383 rgb(203,163,131)
```
#d1ad91
```
#d1ad91 rgb(209,173,145)
```
#d7b89f
```
#d7b89f rgb(215,184,159)
```
#ddc2ad
```
#ddc2ad rgb(221,194,173)
```
#e2ccbb
```
#e2ccbb rgb(226,204,187)
```
#e8d6c9
```
#e8d6c9 rgb(232,214,201)
```
#eee1d6
```
#eee1d6 rgb(238,225,214)
```
#f4ebe4
```
#f4ebe4 rgb(244,235,228)
```
#faf5f2
```
#faf5f2 rgb(250,245,242)
```

Tint Color Variation

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

#8d8a87
```
#8d8a87 rgb(141,138,135)
```
#96897e
```
#96897e rgb(150,137,126)
```
#9f8775
```
#9f8775 rgb(159,135,117)
```
#a8866c
```
#a8866c rgb(168,134,108)
```
#b18563
```
#b18563 rgb(177,133,99)
```
#ba845a
```
#ba845a rgb(186,132,90)
```
#c38351
```
#c38351 rgb(195,131,81)
```
#cc8248
```
#cc8248 rgb(204,130,72)
```
#d5813f
```
#d5813f rgb(213,129,63)
```
#de8036
```
#de8036 rgb(222,128,54)
```
#e77e2d
```
#e77e2d rgb(231,126,45)
```
#f07d24
```
#f07d24 rgb(240,125,36)
```
#f97c1b
```
#f97c1b rgb(249,124,27)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19566 Protanopia 1% of men
#b28f61 Deuteranopia 1% of men
#c1848d Tritanopia 0.001% of the population

Trichromacy

#aa8e62 Protanomaly 1% of men, 0.01% of women
#b58b5e Deuteranomaly 6% of men, 0.4% of women
#be847b Tritanomaly 0.01% of the population

#ba845a hex color

#ba845a Color Information

#ba845a Color Conversion

Color Schemes with #ba845a

Alternatives to #ba845a

#ba845a Preview

Shades and Tints of #ba845a

Tones of #ba845a

Color Blindness Simulator