#ba7a46 hex color

In a RGB color space, hex #ba7a46 is composed of 72.9% red, 47.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 62.4% yellow and 27.1% black. It has a hue angle of 26.9 degrees, a saturation of 45.7% and a lightness of 50.2%. #ba7a46 color hex could be obtained by blending #fff48c with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 48
- B 27
RGB color chart
- C 0
- M 34
- Y 62
- K 27
CMYK color chart

● #ba7a46 color description : Moderate orange.

The hexadecimal color #ba7a46 has RGB values of R:186, G:122, B:70 and CMYK values of C:0, M:0.34, Y:0.62, K:0.27. Its decimal value is 12220998.

Hex triplet	ba7a46	`#ba7a46`
RGB Decimal	186, 122, 70	`rgb(186,122,70)`
RGB Percent	72.9, 47.8, 27.5	`rgb(72.9%,47.8%,27.5%)`
CMYK	0, 34, 62, 27
HSL	26.9°, 45.7, 50.2	`hsl(26.9,45.7%,50.2%)`
HSV (or HSB)	26.9°, 62.4, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.882, 19.789, 38.248
XYZ	28.315, 24.802, 9.09
xyY	0.455, 0.399, 24.802
CIE-LCH	56.882, 43.064, 62.643
CIE-LUV	56.882, 49.563, 39.688
Hunter-Lab	49.802, 14.335, 24.039
Binary	10111010, 01111010, 01000110

#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#4686ba
```
#4686ba rgb(70,134,186)
```

Complementary Color

#ba464c
```
#ba464c rgb(186,70,76)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#bab446
```
#bab446 rgb(186,180,70)
```

Analogous Color

#464cba
```
#464cba rgb(70,76,186)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#46bab4
```
#46bab4 rgb(70,186,180)
```

Split Complementary Color

#7a46ba
```
#7a46ba rgb(122,70,186)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#46ba7a
```
#46ba7a rgb(70,186,122)
```

Triadic Color

#ba4686
```
#ba4686 rgb(186,70,134)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#46ba7a
```
#46ba7a rgb(70,186,122)
```
#4686ba
```
#4686ba rgb(70,134,186)
```

Tetradic Color

#835631
```
#835631 rgb(131,86,49)
```
#956238
```
#956238 rgb(149,98,56)
```
#a86e3f
```
#a86e3f rgb(168,110,63)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#c18759
```
#c18759 rgb(193,135,89)
```
#c8956b
```
#c8956b rgb(200,149,107)
```
#cfa27e
```
#cfa27e rgb(207,162,126)
```

Monochromatic Color

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

#ba5d46
```
#ba5d46 rgb(186,93,70)
```
#ba6746
```
#ba6746 rgb(186,103,70)
```
#ba7046
```
#ba7046 rgb(186,112,70)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#ba8446
```
#ba8446 rgb(186,132,70)
```
#ba8d46
```
#ba8d46 rgb(186,141,70)
```
#ba9746
```
#ba9746 rgb(186,151,70)
```

Similar Colors

Text with hexadecimal color #ba7a46

This text has a font color of #ba7a46.

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

#ba7a46 background color

This paragraph has a background color of #ba7a46.

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

#ba7a46 border color

This element has a border color of #ba7a46.

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

CSS codes

.text {color:#ba7a46;}

.background {background-color:#ba7a46;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0a06
```
#0f0a06 rgb(15,10,6)
```
#1d130b
```
#1d130b rgb(29,19,11)
```
#2c1d10
```
#2c1d10 rgb(44,29,16)
```
#3a2616
```
#3a2616 rgb(58,38,22)
```
#482f1b
```
#482f1b rgb(72,47,27)
```
#563920
```
#563920 rgb(86,57,32)
```
#654226
```
#654226 rgb(101,66,38)
```
#734b2b
```
#734b2b rgb(115,75,43)
```
#815530
```
#815530 rgb(129,85,48)
```
#905e36
```
#905e36 rgb(144,94,54)
```
#9e673b
```
#9e673b rgb(158,103,59)
```
#ac7140
```
#ac7140 rgb(172,113,64)
```

Shade Color Variation

#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#bf8454
```
#bf8454 rgb(191,132,84)
```
#c58f63
```
#c58f63 rgb(197,143,99)
```
#ca9971
```
#ca9971 rgb(202,153,113)
```
#cfa37f
```
#cfa37f rgb(207,163,127)
```
#d5ad8d
```
#d5ad8d rgb(213,173,141)
```
#dab89c
```
#dab89c rgb(218,184,156)
```
#dfc2aa
```
#dfc2aa rgb(223,194,170)
```
#e5ccb8
```
#e5ccb8 rgb(229,204,184)
```
#ead6c7
```
#ead6c7 rgb(234,214,199)
```
#efe1d5
```
#efe1d5 rgb(239,225,213)
```
#f5ebe3
```
#f5ebe3 rgb(245,235,227)
```
#faf5f1
```
#faf5f1 rgb(250,245,241)
```

Tint Color Variation

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

#897f77
```
#897f77 rgb(137,127,119)
```
#937e6d
```
#937e6d rgb(147,126,109)
```
#9d7d63
```
#9d7d63 rgb(157,125,99)
```
#a67c5a
```
#a67c5a rgb(166,124,90)
```
#b07b50
```
#b07b50 rgb(176,123,80)
```
#ba7a46
```
#ba7a46 rgb(186,122,70)
```
#c4793c
```
#c4793c rgb(196,121,60)
```
#ce7832
```
#ce7832 rgb(206,120,50)
```
#d77729
```
#d77729 rgb(215,119,41)
```
#e1761f
```
#e1761f rgb(225,118,31)
```
#eb7515
```
#eb7515 rgb(235,117,21)
```
#f5740b
```
#f5740b rgb(245,116,11)
```
#fe7302
```
#fe7302 rgb(254,115,2)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#91847a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8e54 Protanopia 1% of men
#ad884d Deuteranopia 1% of men
#c17a83 Tritanopia 0.001% of the population

Trichromacy

#a6874f Protanomaly 1% of men, 0.01% of women
#b2834a Deuteranomaly 6% of men, 0.4% of women
#be7a6c Tritanomaly 0.01% of the population

#ba7a46 hex color

#ba7a46 Color Information

#ba7a46 Color Conversion

Color Schemes with #ba7a46

Alternatives to #ba7a46

#ba7a46 Preview

Shades and Tints of #ba7a46

Tones of #ba7a46

Color Blindness Simulator