#ba745b hex color

In a RGB color space, hex #ba745b is composed of 72.9% red, 45.5% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 51.1% yellow and 27.1% black. It has a hue angle of 15.8 degrees, a saturation of 40.8% and a lightness of 54.3%. #ba745b color hex could be obtained by blending #ffe8b6 with #750000. Closest websafe color is: #cc6666.

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

● #ba745b color description : Moderate orange.

The hexadecimal color #ba745b has RGB values of R:186, G:116, B:91 and CMYK values of C:0, M:0.38, Y:0.51, K:0.27. Its decimal value is 12219483.

Hex triplet	ba745b	`#ba745b`
RGB Decimal	186, 116, 91	`rgb(186,116,91)`
RGB Percent	72.9, 45.5, 35.7	`rgb(72.9%,45.5%,35.7%)`
CMYK	0, 38, 51, 27
HSL	15.8°, 40.8, 54.3	`hsl(15.8,40.8%,54.3%)`
HSV (or HSB)	15.8°, 51.1, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.773, 24.839, 25.33
XYZ	28.384, 23.687, 12.974
xyY	0.436, 0.364, 23.687
CIE-LCH	55.773, 35.477, 45.56
CIE-LUV	55.773, 51.342, 26.179
Hunter-Lab	48.669, 18.929, 18.263
Binary	10111010, 01110100, 01011011

#ba745b
```
#ba745b rgb(186,116,91)
```
#5ba1ba
```
#5ba1ba rgb(91,161,186)
```

Complementary Color

#ba5b72
```
#ba5b72 rgb(186,91,114)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#baa45b
```
#baa45b rgb(186,164,91)
```

Analogous Color

#5b72ba
```
#5b72ba rgb(91,114,186)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#5bbaa4
```
#5bbaa4 rgb(91,186,164)
```

Split Complementary Color

#745bba
```
#745bba rgb(116,91,186)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#5bba74
```
#5bba74 rgb(91,186,116)
```

Triadic Color

#ba5ba1
```
#ba5ba1 rgb(186,91,161)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#5bba74
```
#5bba74 rgb(91,186,116)
```
#5ba1ba
```
#5ba1ba rgb(91,161,186)
```

Tetradic Color

#8d513b
```
#8d513b rgb(141,81,59)
```
#9f5b43
```
#9f5b43 rgb(159,91,67)
```
#b1654a
```
#b1654a rgb(177,101,74)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#c2836d
```
#c2836d rgb(194,131,109)
```
#c9927f
```
#c9927f rgb(201,146,127)
```
#d1a291
```
#d1a291 rgb(209,162,145)
```

Monochromatic Color

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

#ba5c5b
```
#ba5c5b rgb(186,92,91)
```
#ba645b
```
#ba645b rgb(186,100,91)
```
#ba6c5b
```
#ba6c5b rgb(186,108,91)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#ba7c5b
```
#ba7c5b rgb(186,124,91)
```
#ba845b
```
#ba845b rgb(186,132,91)
```
#ba8c5b
```
#ba8c5b rgb(186,140,91)
```

Similar Colors

Text with hexadecimal color #ba745b

This text has a font color of #ba745b.

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

#ba745b background color

This paragraph has a background color of #ba745b.

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

#ba745b border color

This element has a border color of #ba745b.

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

CSS codes

.text {color:#ba745b;}

.background {background-color:#ba745b;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0907
```
#0f0907 rgb(15,9,7)
```
#1d110c
```
#1d110c rgb(29,17,12)
```
#2b1912
```
#2b1912 rgb(43,25,18)
```
#392118
```
#392118 rgb(57,33,24)
```
#47291e
```
#47291e rgb(71,41,30)
```
#553024
```
#553024 rgb(85,48,36)
```
#623829
```
#623829 rgb(98,56,41)
```
#70402f
```
#70402f rgb(112,64,47)
```
#7e4835
```
#7e4835 rgb(126,72,53)
```
#8c503b
```
#8c503b rgb(140,80,59)
```
#9a5841
```
#9a5841 rgb(154,88,65)
```
#a76046
```
#a76046 rgb(167,96,70)
```

Shade Color Variation

#b4684d
```
#b4684d rgb(180,104,77)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#c08069
```
#c08069 rgb(192,128,105)
```
#c68b77
```
#c68b77 rgb(198,139,119)
```
#cb9784
```
#cb9784 rgb(203,151,132)
```
#d1a392
```
#d1a392 rgb(209,163,146)
```
#d7afa0
```
#d7afa0 rgb(215,175,160)
```
#ddbaae
```
#ddbaae rgb(221,186,174)
```
#e3c6bc
```
#e3c6bc rgb(227,198,188)
```
#e8d2c9
```
#e8d2c9 rgb(232,210,201)
```
#eeddd7
```
#eeddd7 rgb(238,221,215)
```
#f4e9e5
```
#f4e9e5 rgb(244,233,229)
```
#faf5f3
```
#faf5f3 rgb(250,245,243)
```

Tint Color Variation

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

#8d8988
```
#8d8988 rgb(141,137,136)
```
#96857f
```
#96857f rgb(150,133,127)
```
#9f8176
```
#9f8176 rgb(159,129,118)
```
#a87c6d
```
#a87c6d rgb(168,124,109)
```
#b17864
```
#b17864 rgb(177,120,100)
```
#ba745b
```
#ba745b rgb(186,116,91)
```
#c37052
```
#c37052 rgb(195,112,82)
```
#cc6c49
```
#cc6c49 rgb(204,108,73)
```
#d56740
```
#d56740 rgb(213,103,64)
```
#de6337
```
#de6337 rgb(222,99,55)
```
#e75f2e
```
#e75f2e rgb(231,95,46)
```
#f05b25
```
#f05b25 rgb(240,91,37)
```
#f9561c
```
#f9561c rgb(249,86,28)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#90827d Atypical Achromatopsia 0.001% of the population

Dichromacy

#958b6a Protanopia 1% of men
#a68660 Deuteranopia 1% of men
#bf777f Tritanopia 0.001% of the population

Trichromacy

#a28364 Protanomaly 1% of men, 0.01% of women
#ad7f5e Deuteranomaly 6% of men, 0.4% of women
#bd7672 Tritanomaly 0.01% of the population

#ba745b hex color

#ba745b Color Information

#ba745b Color Conversion

Color Schemes with #ba745b

Alternatives to #ba745b

#ba745b Preview

Shades and Tints of #ba745b

Tones of #ba745b

Color Blindness Simulator