#ba8a70 hex color

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

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

● #ba8a70 color description : Slightly desaturated orange.

The hexadecimal color #ba8a70 has RGB values of R:186, G:138, B:112 and CMYK values of C:0, M:0.26, Y:0.4, K:0.27. Its decimal value is 12225136.

Hex triplet	ba8a70	`#ba8a70`
RGB Decimal	186, 138, 112	`rgb(186,138,112)`
RGB Percent	72.9, 54.1, 43.9	`rgb(72.9%,54.1%,43.9%)`
CMYK	0, 26, 40, 27
HSL	21.1°, 34.9, 58.4	`hsl(21.1,34.9%,58.4%)`
HSV (or HSB)	21.1°, 39.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.47, 14.862, 21.07
XYZ	32.263, 29.787, 19.379
xyY	0.396, 0.366, 29.787
CIE-LCH	61.47, 25.784, 54.803
CIE-LUV	61.47, 33.871, 24.532
Hunter-Lab	54.578, 10.007, 17.153
Binary	10111010, 10001010, 01110000

#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#70a0ba
```
#70a0ba rgb(112,160,186)
```

Complementary Color

#ba707b
```
#ba707b rgb(186,112,123)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#baaf70
```
#baaf70 rgb(186,175,112)
```

Analogous Color

#707bba
```
#707bba rgb(112,123,186)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#70baaf
```
#70baaf rgb(112,186,175)
```

Split Complementary Color

#8a70ba
```
#8a70ba rgb(138,112,186)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#70ba8a
```
#70ba8a rgb(112,186,138)
```

Triadic Color

#ba70a0
```
#ba70a0 rgb(186,112,160)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#70ba8a
```
#70ba8a rgb(112,186,138)
```
#70a0ba
```
#70a0ba rgb(112,160,186)
```

Tetradic Color

#956348
```
#956348 rgb(149,99,72)
```
#a76f50
```
#a76f50 rgb(167,111,80)
```
#b27c5f
```
#b27c5f rgb(178,124,95)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#c29881
```
#c29881 rgb(194,152,129)
```
#cba692
```
#cba692 rgb(203,166,146)
```
#d3b4a4
```
#d3b4a4 rgb(211,180,164)
```

Monochromatic Color

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

#ba7870
```
#ba7870 rgb(186,120,112)
```
#ba7e70
```
#ba7e70 rgb(186,126,112)
```
#ba8470
```
#ba8470 rgb(186,132,112)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#ba9070
```
#ba9070 rgb(186,144,112)
```
#ba9670
```
#ba9670 rgb(186,150,112)
```
#ba9d70
```
#ba9d70 rgb(186,157,112)
```

Similar Colors

Text with hexadecimal color #ba8a70

This text has a font color of #ba8a70.

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

#ba8a70 background color

This paragraph has a background color of #ba8a70.

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

#ba8a70 border color

This element has a border color of #ba8a70.

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

CSS codes

.text {color:#ba8a70;}

.background {background-color:#ba8a70;}

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

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)
```
#100a08
```
#100a08 rgb(16,10,8)
```
#1d130e
```
#1d130e rgb(29,19,14)
```
#2a1c14
```
#2a1c14 rgb(42,28,20)
```
#37251b
```
#37251b rgb(55,37,27)
```
#452e21
```
#452e21 rgb(69,46,33)
```
#523628
```
#523628 rgb(82,54,40)
```
#5f3f2e
```
#5f3f2e rgb(95,63,46)
```
#6c4834
```
#6c4834 rgb(108,72,52)
```
#7a513b
```
#7a513b rgb(122,81,59)
```
#875a41
```
#875a41 rgb(135,90,65)
```
#946247
```
#946247 rgb(148,98,71)
```
#a16b4e
```
#a16b4e rgb(161,107,78)
```

Shade Color Variation

#ad7456
```
#ad7456 rgb(173,116,86)
```
#b47f63
```
#b47f63 rgb(180,127,99)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#c0957d
```
#c0957d rgb(192,149,125)
```
#c7a08a
```
#c7a08a rgb(199,160,138)
```
#cdaa98
```
#cdaa98 rgb(205,170,152)
```
#d4b5a5
```
#d4b5a5 rgb(212,181,165)
```
#dac0b2
```
#dac0b2 rgb(218,192,178)
```
#e0cbbf
```
#e0cbbf rgb(224,203,191)
```
#e7d6cd
```
#e7d6cd rgb(231,214,205)
```
#ede1da
```
#ede1da rgb(237,225,218)
```
#f3ebe7
```
#f3ebe7 rgb(243,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, #999491 is the less saturated color, while #fb772f is the most saturated one.

#999491
```
#999491 rgb(153,148,145)
```
#a29188
```
#a29188 rgb(162,145,136)
```
#aa8f80
```
#aa8f80 rgb(170,143,128)
```
#b28c78
```
#b28c78 rgb(178,140,120)
```
#ba8a70
```
#ba8a70 rgb(186,138,112)
```
#c28868
```
#c28868 rgb(194,136,104)
```
#ca8560
```
#ca8560 rgb(202,133,96)
```
#d28358
```
#d28358 rgb(210,131,88)
```
#db804f
```
#db804f rgb(219,128,79)
```
#e37e47
```
#e37e47 rgb(227,126,71)
```
#eb7b3f
```
#eb7b3f rgb(235,123,63)
```
#f37937
```
#f37937 rgb(243,121,55)
```
#fb772f
```
#fb772f rgb(251,119,47)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9c938e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3997b Protanopia 1% of men
#b49476 Deuteranopia 1% of men
#c08b95 Tritanopia 0.001% of the population

Trichromacy

#ab9377 Protanomaly 1% of men, 0.01% of women
#b69074 Deuteranomaly 6% of men, 0.4% of women
#be8b87 Tritanomaly 0.01% of the population

#ba8a70 hex color

#ba8a70 Color Information

#ba8a70 Color Conversion

Color Schemes with #ba8a70

Alternatives to #ba8a70

#ba8a70 Preview

Shades and Tints of #ba8a70

Tones of #ba8a70

Color Blindness Simulator