#ba8a59 hex color

In a RGB color space, hex #ba8a59 is composed of 72.9% red, 54.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.8% magenta, 52.2% yellow and 27.1% black. It has a hue angle of 30.3 degrees, a saturation of 41.3% and a lightness of 53.9%. #ba8a59 color hex could be obtained by blending #ffffb2 with #751500. Closest websafe color is: #cc9966.

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

● #ba8a59 color description : Moderate orange.

The hexadecimal color #ba8a59 has RGB values of R:186, G:138, B:89 and CMYK values of C:0, M:0.26, Y:0.52, K:0.27. Its decimal value is 12225113.

Hex triplet	ba8a59	`#ba8a59`
RGB Decimal	186, 138, 89	`rgb(186,138,89)`
RGB Percent	72.9, 54.1, 34.9	`rgb(72.9%,54.1%,34.9%)`
CMYK	0, 26, 52, 27
HSL	30.3°, 41.3, 53.9	`hsl(30.3,41.3%,53.9%)`
HSV (or HSB)	30.3°, 52.2, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.08, 12.458, 33.232
XYZ	31.142, 29.339, 13.473
xyY	0.421, 0.397, 29.339
CIE-LCH	61.08, 35.491, 69.451
CIE-LUV	61.08, 36.226, 37.91
Hunter-Lab	54.165, 7.837, 23.168
Binary	10111010, 10001010, 01011001

#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#5989ba
```
#5989ba rgb(89,137,186)
```

Complementary Color

#ba5a59
```
#ba5a59 rgb(186,90,89)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#baba59
```
#baba59 rgb(186,186,89)
```

Analogous Color

#5a59ba
```
#5a59ba rgb(90,89,186)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#59baba
```
#59baba rgb(89,186,186)
```

Split Complementary Color

#8a59ba
```
#8a59ba rgb(138,89,186)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#59ba8a
```
#59ba8a rgb(89,186,138)
```

Triadic Color

#ba5989
```
#ba5989 rgb(186,89,137)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#59ba8a
```
#59ba8a rgb(89,186,138)
```
#5989ba
```
#5989ba rgb(89,137,186)
```

Tetradic Color

#8c643a
```
#8c643a rgb(140,100,58)
```
#9e7042
```
#9e7042 rgb(158,112,66)
```
#b07d49
```
#b07d49 rgb(176,125,73)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#c1976b
```
#c1976b rgb(193,151,107)
```
#c9a37d
```
#c9a37d rgb(201,163,125)
```
#d0b08f
```
#d0b08f rgb(208,176,143)
```

Monochromatic Color

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

#ba7259
```
#ba7259 rgb(186,114,89)
```
#ba7a59
```
#ba7a59 rgb(186,122,89)
```
#ba8259
```
#ba8259 rgb(186,130,89)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#ba9259
```
#ba9259 rgb(186,146,89)
```
#ba9a59
```
#ba9a59 rgb(186,154,89)
```
#baa259
```
#baa259 rgb(186,162,89)
```

Similar Colors

Text with hexadecimal color #ba8a59

This text has a font color of #ba8a59.

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

#ba8a59 background color

This paragraph has a background color of #ba8a59.

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

#ba8a59 border color

This element has a border color of #ba8a59.

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

CSS codes

.text {color:#ba8a59;}

.background {background-color:#ba8a59;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1c140c
```
#1c140c rgb(28,20,12)
```
#2a1e11
```
#2a1e11 rgb(42,30,17)
```
#382817
```
#382817 rgb(56,40,23)
```
#46311d
```
#46311d rgb(70,49,29)
```
#533b23
```
#533b23 rgb(83,59,35)
```
#614528
```
#614528 rgb(97,69,40)
```
#6f4f2e
```
#6f4f2e rgb(111,79,46)
```
#7d5934
```
#7d5934 rgb(125,89,52)
```
#8b633a
```
#8b633a rgb(139,99,58)
```
#996d3f
```
#996d3f rgb(153,109,63)
```
#a77645
```
#a77645 rgb(167,118,69)
```

Shade Color Variation

#b4804b
```
#b4804b rgb(180,128,75)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#c09467
```
#c09467 rgb(192,148,103)
```
#c69e75
```
#c69e75 rgb(198,158,117)
```
#cba783
```
#cba783 rgb(203,167,131)
```
#d1b190
```
#d1b190 rgb(209,177,144)
```
#d7bb9e
```
#d7bb9e rgb(215,187,158)
```
#ddc5ac
```
#ddc5ac rgb(221,197,172)
```
#e2ceba
```
#e2ceba rgb(226,206,186)
```
#e8d8c8
```
#e8d8c8 rgb(232,216,200)
```
#eee2d6
```
#eee2d6 rgb(238,226,214)
```
#f4ece4
```
#f4ece4 rgb(244,236,228)
```
#f9f5f1
```
#f9f5f1 rgb(249,245,241)
```

Tint Color Variation

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

#8d8a86
```
#8d8a86 rgb(141,138,134)
```
#968a7d
```
#968a7d rgb(150,138,125)
```
#9f8a74
```
#9f8a74 rgb(159,138,116)
```
#a88a6b
```
#a88a6b rgb(168,138,107)
```
#b18a62
```
#b18a62 rgb(177,138,98)
```
#ba8a59
```
#ba8a59 rgb(186,138,89)
```
#c38a50
```
#c38a50 rgb(195,138,80)
```
#cc8a47
```
#cc8a47 rgb(204,138,71)
```
#d58a3e
```
#d58a3e rgb(213,138,62)
```
#de8a35
```
#de8a35 rgb(222,138,53)
```
#e78a2c
```
#e78a2c rgb(231,138,44)
```
#f08b23
```
#f08b23 rgb(240,139,35)
```
#f98b1a
```
#f98b1a rgb(249,139,26)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b9187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69864 Protanopia 1% of men
#b79260 Deuteranopia 1% of men
#c28993 Tritanopia 0.001% of the population

Trichromacy

#ad9360 Protanomaly 1% of men, 0.01% of women
#b88f5e Deuteranomaly 6% of men, 0.4% of women
#bf897e Tritanomaly 0.01% of the population

#ba8a59 hex color

#ba8a59 Color Information

#ba8a59 Color Conversion

Color Schemes with #ba8a59

Alternatives to #ba8a59

#ba8a59 Preview

Shades and Tints of #ba8a59

Tones of #ba8a59

Color Blindness Simulator