#ba7346 hex color

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

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

● #ba7346 color description : Moderate orange.

The hexadecimal color #ba7346 has RGB values of R:186, G:115, B:70 and CMYK values of C:0, M:0.38, Y:0.62, K:0.27. Its decimal value is 12219206.

Hex triplet	ba7346	`#ba7346`
RGB Decimal	186, 115, 70	`rgb(186,115,70)`
RGB Percent	72.9, 45.1, 27.5	`rgb(72.9%,45.1%,27.5%)`
CMYK	0, 38, 62, 27
HSL	23.3°, 45.7, 50.2	`hsl(23.3,45.7%,50.2%)`
HSV (or HSB)	23.3°, 62.4, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.221, 23.659, 36.279
XYZ	27.487, 23.145, 8.814
xyY	0.462, 0.389, 23.145
CIE-LCH	55.221, 43.312, 56.89
CIE-LUV	55.221, 54.754, 36.607
Hunter-Lab	48.109, 17.793, 22.814
Binary	10111010, 01110011, 01000110

#ba7346
```
#ba7346 rgb(186,115,70)
```
#468dba
```
#468dba rgb(70,141,186)
```

Complementary Color

#ba4653
```
#ba4653 rgb(186,70,83)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#baad46
```
#baad46 rgb(186,173,70)
```

Analogous Color

#4653ba
```
#4653ba rgb(70,83,186)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#46baad
```
#46baad rgb(70,186,173)
```

Split Complementary Color

#7346ba
```
#7346ba rgb(115,70,186)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#46ba73
```
#46ba73 rgb(70,186,115)
```

Triadic Color

#ba468d
```
#ba468d rgb(186,70,141)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#46ba73
```
#46ba73 rgb(70,186,115)
```
#468dba
```
#468dba rgb(70,141,186)
```

Tetradic Color

#835131
```
#835131 rgb(131,81,49)
```
#955c38
```
#955c38 rgb(149,92,56)
```
#a8673f
```
#a8673f rgb(168,103,63)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#c18159
```
#c18159 rgb(193,129,89)
```
#c88f6b
```
#c88f6b rgb(200,143,107)
```
#cf9d7e
```
#cf9d7e rgb(207,157,126)
```

Monochromatic Color

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

#ba5646
```
#ba5646 rgb(186,86,70)
```
#ba6046
```
#ba6046 rgb(186,96,70)
```
#ba6946
```
#ba6946 rgb(186,105,70)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#ba7d46
```
#ba7d46 rgb(186,125,70)
```
#ba8646
```
#ba8646 rgb(186,134,70)
```
#ba9046
```
#ba9046 rgb(186,144,70)
```

Similar Colors

Text with hexadecimal color #ba7346

This text has a font color of #ba7346.

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

#ba7346 background color

This paragraph has a background color of #ba7346.

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

#ba7346 border color

This element has a border color of #ba7346.

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

CSS codes

.text {color:#ba7346;}

.background {background-color:#ba7346;}

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

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)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1d120b
```
#1d120b rgb(29,18,11)
```
#2c1b10
```
#2c1b10 rgb(44,27,16)
```
#3a2416
```
#3a2416 rgb(58,36,22)
```
#482c1b
```
#482c1b rgb(72,44,27)
```
#563520
```
#563520 rgb(86,53,32)
```
#653e26
```
#653e26 rgb(101,62,38)
```
#73472b
```
#73472b rgb(115,71,43)
```
#815030
```
#815030 rgb(129,80,48)
```
#905836
```
#905836 rgb(144,88,54)
```
#9e613b
```
#9e613b rgb(158,97,59)
```
#ac6a40
```
#ac6a40 rgb(172,106,64)
```

Shade Color Variation

#ba7346
```
#ba7346 rgb(186,115,70)
```
#bf7e54
```
#bf7e54 rgb(191,126,84)
```
#c58963
```
#c58963 rgb(197,137,99)
```
#ca9371
```
#ca9371 rgb(202,147,113)
```
#cf9e7f
```
#cf9e7f rgb(207,158,127)
```
#d5a98d
```
#d5a98d rgb(213,169,141)
```
#dab49c
```
#dab49c rgb(218,180,156)
```
#dfbfaa
```
#dfbfaa rgb(223,191,170)
```
#e5c9b8
```
#e5c9b8 rgb(229,201,184)
```
#ead4c7
```
#ead4c7 rgb(234,212,199)
```
#efdfd5
```
#efdfd5 rgb(239,223,213)
```
#f5eae3
```
#f5eae3 rgb(245,234,227)
```
#faf5f1
```
#faf5f1 rgb(250,245,241)
```

Tint Color Variation

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

#897e77
```
#897e77 rgb(137,126,119)
```
#937c6d
```
#937c6d rgb(147,124,109)
```
#9d7a63
```
#9d7a63 rgb(157,122,99)
```
#a6775a
```
#a6775a rgb(166,119,90)
```
#b07550
```
#b07550 rgb(176,117,80)
```
#ba7346
```
#ba7346 rgb(186,115,70)
```
#c4713c
```
#c4713c rgb(196,113,60)
```
#ce6f32
```
#ce6f32 rgb(206,111,50)
```
#d76c29
```
#d76c29 rgb(215,108,41)
```
#e16a1f
```
#e16a1f rgb(225,106,31)
```
#eb6815
```
#eb6815 rgb(235,104,21)
```
#f5660b
```
#f5660b rgb(245,102,11)
```
#fe6402
```
#fe6402 rgb(254,100,2)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8e8077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978a55 Protanopia 1% of men
#a8844c Deuteranopia 1% of men
#c0747c Tritanopia 0.001% of the population

Trichromacy

#a3824f Protanomaly 1% of men, 0.01% of women
#ae7e4a Deuteranomaly 6% of men, 0.4% of women
#be7468 Tritanomaly 0.01% of the population

#ba7346 hex color

#ba7346 Color Information

#ba7346 Color Conversion

Color Schemes with #ba7346

Alternatives to #ba7346

#ba7346 Preview

Shades and Tints of #ba7346

Tones of #ba7346

Color Blindness Simulator