#ba937c hex color

In a RGB color space, hex #ba937c is composed of 72.9% red, 57.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21% magenta, 33.3% yellow and 27.1% black. It has a hue angle of 22.3 degrees, a saturation of 31% and a lightness of 60.8%. #ba937c color hex could be obtained by blending #fffff8 with #752700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 58
- B 49
RGB color chart
- C 0
- M 21
- Y 33
- K 27
CMYK color chart

● #ba937c color description : Slightly desaturated orange.

The hexadecimal color #ba937c has RGB values of R:186, G:147, B:124 and CMYK values of C:0, M:0.21, Y:0.33, K:0.27. Its decimal value is 12227452.

Hex triplet	ba937c	`#ba937c`
RGB Decimal	186, 147, 124	`rgb(186,147,124)`
RGB Percent	72.9, 57.6, 48.6	`rgb(72.9%,57.6%,48.6%)`
CMYK	0, 21, 33, 27
HSL	22.3°, 31, 60.8	`hsl(22.3,31%,60.8%)`
HSV (or HSB)	22.3°, 33.3, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.969, 11.359, 17.766
XYZ	34.321, 32.763, 23.584
xyY	0.379, 0.361, 32.763
CIE-LCH	63.969, 21.087, 57.408
CIE-LUV	63.969, 26.864, 21.603
Hunter-Lab	57.239, 6.863, 15.638
Binary	10111010, 10010011, 01111100

#ba937c
```
#ba937c rgb(186,147,124)
```
#7ca3ba
```
#7ca3ba rgb(124,163,186)
```

Complementary Color

#ba7c84
```
#ba7c84 rgb(186,124,132)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#bab27c
```
#bab27c rgb(186,178,124)
```

Analogous Color

#7c84ba
```
#7c84ba rgb(124,132,186)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#7cbab2
```
#7cbab2 rgb(124,186,178)
```

Split Complementary Color

#937cba
```
#937cba rgb(147,124,186)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#7cba93
```
#7cba93 rgb(124,186,147)
```

Triadic Color

#ba7ca3
```
#ba7ca3 rgb(186,124,163)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#7cba93
```
#7cba93 rgb(124,186,147)
```
#7ca3ba
```
#7ca3ba rgb(124,163,186)
```

Tetradic Color

#996b51
```
#996b51 rgb(153,107,81)
```
#a8775b
```
#a8775b rgb(168,119,91)
```
#b1856b
```
#b1856b rgb(177,133,107)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#c3a18d
```
#c3a18d rgb(195,161,141)
```
#ccaf9d
```
#ccaf9d rgb(204,175,157)
```
#d4bcae
```
#d4bcae rgb(212,188,174)
```

Monochromatic Color

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

#ba847c
```
#ba847c rgb(186,132,124)
```
#ba897c
```
#ba897c rgb(186,137,124)
```
#ba8e7c
```
#ba8e7c rgb(186,142,124)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#ba987c
```
#ba987c rgb(186,152,124)
```
#ba9d7c
```
#ba9d7c rgb(186,157,124)
```
#baa37c
```
#baa37c rgb(186,163,124)
```

Similar Colors

Text with hexadecimal color #ba937c

This text has a font color of #ba937c.

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

#ba937c background color

This paragraph has a background color of #ba937c.

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

#ba937c border color

This element has a border color of #ba937c.

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

CSS codes

.text {color:#ba937c;}

.background {background-color:#ba937c;}

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

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, #0a0705 is the darkest color, while #fefdfc is the lightest one.

#0a0705
```
#0a0705 rgb(10,7,5)
```
#17100c
```
#17100c rgb(23,16,12)
```
#241913
```
#241913 rgb(36,25,19)
```
#31221a
```
#31221a rgb(49,34,26)
```
#3e2b21
```
#3e2b21 rgb(62,43,33)
```
#4b3427
```
#4b3427 rgb(75,52,39)
```
#573d2e
```
#573d2e rgb(87,61,46)
```
#644635
```
#644635 rgb(100,70,53)
```
#714f3c
```
#714f3c rgb(113,79,60)
```
#7e5842
```
#7e5842 rgb(126,88,66)
```
#8b6149
```
#8b6149 rgb(139,97,73)
```
#986b50
```
#986b50 rgb(152,107,80)
```
#a57457
```
#a57457 rgb(165,116,87)
```

Shade Color Variation

#ac7e62
```
#ac7e62 rgb(172,126,98)
```
#b3886f
```
#b3886f rgb(179,136,111)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#c19e89
```
#c19e89 rgb(193,158,137)
```
#c8a896
```
#c8a896 rgb(200,168,150)
```
#ceb3a3
```
#ceb3a3 rgb(206,179,163)
```
#d5bdaf
```
#d5bdaf rgb(213,189,175)
```
#dcc8bc
```
#dcc8bc rgb(220,200,188)
```
#e3d3c9
```
#e3d3c9 rgb(227,211,201)
```
#e9ddd6
```
#e9ddd6 rgb(233,221,214)
```
#f0e8e3
```
#f0e8e3 rgb(240,232,227)
```
#f7f2f0
```
#f7f2f0 rgb(247,242,240)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#9b9b9b
```
#9b9b9b rgb(155,155,155)
```
#a39993
```
#a39993 rgb(163,153,147)
```
#ab978b
```
#ab978b rgb(171,151,139)
```
#b29584
```
#b29584 rgb(178,149,132)
```
#ba937c
```
#ba937c rgb(186,147,124)
```
#c29174
```
#c29174 rgb(194,145,116)
```
#c98f6d
```
#c98f6d rgb(201,143,109)
```
#d18d65
```
#d18d65 rgb(209,141,101)
```
#d98b5d
```
#d98b5d rgb(217,139,93)
```
#e08956
```
#e08956 rgb(224,137,86)
```
#e8874e
```
#e8874e rgb(232,135,78)
```
#f08546
```
#f08546 rgb(240,133,70)
```
#f8833e
```
#f8833e rgb(248,131,62)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a29a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89f86 Protanopia 1% of men
#b99a82 Deuteranopia 1% of men
#c0949e Tritanopia 0.001% of the population

Trichromacy

#af9b82 Protanomaly 1% of men, 0.01% of women
#b99780 Deuteranomaly 6% of men, 0.4% of women
#be9392 Tritanomaly 0.01% of the population

#ba937c hex color

#ba937c Color Information

#ba937c Color Conversion

Color Schemes with #ba937c

Alternatives to #ba937c

#ba937c Preview

Shades and Tints of #ba937c

Tones of #ba937c

Color Blindness Simulator