#ba9473 hex color

In a RGB color space, hex #ba9473 is composed of 72.9% red, 58% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 38.2% yellow and 27.1% black. It has a hue angle of 27.9 degrees, a saturation of 34% and a lightness of 59%. #ba9473 color hex could be obtained by blending #ffffe6 with #752900. Closest websafe color is: #cc9966.

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

● #ba9473 color description : Slightly desaturated orange.

The hexadecimal color #ba9473 has RGB values of R:186, G:148, B:115 and CMYK values of C:0, M:0.2, Y:0.38, K:0.27. Its decimal value is 12227699.

Hex triplet	ba9473	`#ba9473`
RGB Decimal	186, 148, 115	`rgb(186,148,115)`
RGB Percent	72.9, 58, 45.1	`rgb(72.9%,58%,45.1%)`
CMYK	0, 20, 38, 27
HSL	27.9°, 34, 59	`hsl(27.9,34%,59%)`
HSV (or HSB)	27.9°, 38.2, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.046, 9.682, 22.873
XYZ	33.934, 32.858, 20.774
xyY	0.388, 0.375, 32.858
CIE-LCH	64.046, 24.838, 67.058
CIE-LUV	64.046, 27.112, 28.002
Hunter-Lab	57.322, 5.357, 18.639
Binary	10111010, 10010100, 01110011

#ba9473
```
#ba9473 rgb(186,148,115)
```
#7399ba
```
#7399ba rgb(115,153,186)
```

Complementary Color

#ba7376
```
#ba7376 rgb(186,115,118)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#bab873
```
#bab873 rgb(186,184,115)
```

Analogous Color

#7376ba
```
#7376ba rgb(115,118,186)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#73bab8
```
#73bab8 rgb(115,186,184)
```

Split Complementary Color

#9473ba
```
#9473ba rgb(148,115,186)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#73ba94
```
#73ba94 rgb(115,186,148)
```

Triadic Color

#ba7399
```
#ba7399 rgb(186,115,153)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#73ba94
```
#73ba94 rgb(115,186,148)
```
#7399ba
```
#7399ba rgb(115,153,186)
```

Tetradic Color

#966e4a
```
#966e4a rgb(150,110,74)
```
#a77a53
```
#a77a53 rgb(167,122,83)
```
#b28762
```
#b28762 rgb(178,135,98)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#c2a184
```
#c2a184 rgb(194,161,132)
```
#cbae95
```
#cbae95 rgb(203,174,149)
```
#d3bba6
```
#d3bba6 rgb(211,187,166)
```

Monochromatic Color

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

#ba8273
```
#ba8273 rgb(186,130,115)
```
#ba8873
```
#ba8873 rgb(186,136,115)
```
#ba8e73
```
#ba8e73 rgb(186,142,115)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#ba9a73
```
#ba9a73 rgb(186,154,115)
```
#baa073
```
#baa073 rgb(186,160,115)
```
#baa673
```
#baa673 rgb(186,166,115)
```

Similar Colors

Text with hexadecimal color #ba9473

This text has a font color of #ba9473.

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

#ba9473 background color

This paragraph has a background color of #ba9473.

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

#ba9473 border color

This element has a border color of #ba9473.

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

CSS codes

.text {color:#ba9473;}

.background {background-color:#ba9473;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#120d09
```
#120d09 rgb(18,13,9)
```
#1f160f
```
#1f160f rgb(31,22,15)
```
#2c2016
```
#2c2016 rgb(44,32,22)
```
#392a1c
```
#392a1c rgb(57,42,28)
```
#463323
```
#463323 rgb(70,51,35)
```
#533d29
```
#533d29 rgb(83,61,41)
```
#614630
```
#614630 rgb(97,70,48)
```
#6e5036
```
#6e5036 rgb(110,80,54)
```
#7b593d
```
#7b593d rgb(123,89,61)
```
#886343
```
#886343 rgb(136,99,67)
```
#956d49
```
#956d49 rgb(149,109,73)
```
#a27650
```
#a27650 rgb(162,118,80)
```

Shade Color Variation

#ad8059
```
#ad8059 rgb(173,128,89)
```
#b48a66
```
#b48a66 rgb(180,138,102)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#c09e80
```
#c09e80 rgb(192,158,128)
```
#c7a88d
```
#c7a88d rgb(199,168,141)
```
#cdb29a
```
#cdb29a rgb(205,178,154)
```
#d4bca8
```
#d4bca8 rgb(212,188,168)
```
#dac6b5
```
#dac6b5 rgb(218,198,181)
```
#e1d0c2
```
#e1d0c2 rgb(225,208,194)
```
#e7dacf
```
#e7dacf rgb(231,218,207)
```
#eee4dc
```
#eee4dc rgb(238,228,220)
```
#f4eee9
```
#f4eee9 rgb(244,238,233)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#9a9693
```
#9a9693 rgb(154,150,147)
```
#a2968b
```
#a2968b rgb(162,150,139)
```
#aa9583
```
#aa9583 rgb(170,149,131)
```
#b2957b
```
#b2957b rgb(178,149,123)
```
#ba9473
```
#ba9473 rgb(186,148,115)
```
#c2936b
```
#c2936b rgb(194,147,107)
```
#ca9363
```
#ca9363 rgb(202,147,99)
```
#d2925b
```
#d2925b rgb(210,146,91)
```
#da9253
```
#da9253 rgb(218,146,83)
```
#e2914b
```
#e2914b rgb(226,145,75)
```
#ea9143
```
#ea9143 rgb(234,145,67)
```
#f2903b
```
#f2903b rgb(242,144,59)
```
#fa8f33
```
#fa8f33 rgb(250,143,51)
```

Tone Color Variation

Below, you can see how #ba9473 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
#a29a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa07d Protanopia 1% of men
#bc9a7a Deuteranopia 1% of men
#c1949e Tritanopia 0.001% of the population

Trichromacy

#b09b79 Protanomaly 1% of men, 0.01% of women
#bb9777 Deuteranomaly 6% of men, 0.4% of women
#be948e Tritanomaly 0.01% of the population

#ba9473 hex color

#ba9473 Color Information

#ba9473 Color Conversion

Color Schemes with #ba9473

Alternatives to #ba9473

#ba9473 Preview

Shades and Tints of #ba9473

Tones of #ba9473

Color Blindness Simulator