#ba9474 hex color

In a RGB color space, hex #ba9474 is composed of 72.9% red, 58% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 27.4 degrees, a saturation of 33.7% and a lightness of 59.2%. #ba9474 color hex could be obtained by blending #ffffe8 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

● #ba9474 color description : Slightly desaturated orange.

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

Hex triplet	ba9474	`#ba9474`
RGB Decimal	186, 148, 116	`rgb(186,148,116)`
RGB Percent	72.9, 58, 45.5	`rgb(72.9%,58%,45.5%)`
CMYK	0, 20, 38, 27
HSL	27.4°, 33.7, 59.2	`hsl(27.4,33.7%,59.2%)`
HSV (or HSB)	27.4°, 37.6, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.065, 9.802, 22.345
XYZ	33.992, 32.881, 21.078
xyY	0.386, 0.374, 32.881
CIE-LCH	64.065, 24.401, 66.314
CIE-LUV	64.065, 27.018, 27.37
Hunter-Lab	57.342, 5.465, 18.345
Binary	10111010, 10010100, 01110100

#ba9474
```
#ba9474 rgb(186,148,116)
```
#749aba
```
#749aba rgb(116,154,186)
```

Complementary Color

#ba7477
```
#ba7477 rgb(186,116,119)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#bab774
```
#bab774 rgb(186,183,116)
```

Analogous Color

#7477ba
```
#7477ba rgb(116,119,186)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#74bab7
```
#74bab7 rgb(116,186,183)
```

Split Complementary Color

#9474ba
```
#9474ba rgb(148,116,186)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#74ba94
```
#74ba94 rgb(116,186,148)
```

Triadic Color

#ba749a
```
#ba749a rgb(186,116,154)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#74ba94
```
#74ba94 rgb(116,186,148)
```
#749aba
```
#749aba rgb(116,154,186)
```

Tetradic Color

#976d4b
```
#976d4b rgb(151,109,75)
```
#a87a53
```
#a87a53 rgb(168,122,83)
```
#b28763
```
#b28763 rgb(178,135,99)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#c2a185
```
#c2a185 rgb(194,161,133)
```
#cbae96
```
#cbae96 rgb(203,174,150)
```
#d3bba7
```
#d3bba7 rgb(211,187,167)
```

Monochromatic Color

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

#ba8374
```
#ba8374 rgb(186,131,116)
```
#ba8874
```
#ba8874 rgb(186,136,116)
```
#ba8e74
```
#ba8e74 rgb(186,142,116)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#ba9a74
```
#ba9a74 rgb(186,154,116)
```
#baa074
```
#baa074 rgb(186,160,116)
```
#baa674
```
#baa674 rgb(186,166,116)
```

Similar Colors

Text with hexadecimal color #ba9474

This text has a font color of #ba9474.

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

#ba9474 background color

This paragraph has a background color of #ba9474.

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

#ba9474 border color

This element has a border color of #ba9474.

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

CSS codes

.text {color:#ba9474;}

.background {background-color:#ba9474;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#120d09
```
#120d09 rgb(18,13,9)
```
#1f1710
```
#1f1710 rgb(31,23,16)
```
#2d2016
```
#2d2016 rgb(45,32,22)
```
#3a2a1d
```
#3a2a1d rgb(58,42,29)
```
#473323
```
#473323 rgb(71,51,35)
```
#543d2a
```
#543d2a rgb(84,61,42)
```
#614630
```
#614630 rgb(97,70,48)
```
#6e5037
```
#6e5037 rgb(110,80,55)
```
#7b593d
```
#7b593d rgb(123,89,61)
```
#886344
```
#886344 rgb(136,99,68)
```
#956d4a
```
#956d4a rgb(149,109,74)
```
#a27651
```
#a27651 rgb(162,118,81)
```

Shade Color Variation

#ad805a
```
#ad805a rgb(173,128,90)
```
#b38a67
```
#b38a67 rgb(179,138,103)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#c19e81
```
#c19e81 rgb(193,158,129)
```
#c7a88e
```
#c7a88e rgb(199,168,142)
```
#ceb29b
```
#ceb29b rgb(206,178,155)
```
#d4bca8
```
#d4bca8 rgb(212,188,168)
```
#dbc6b6
```
#dbc6b6 rgb(219,198,182)
```
#e1d1c3
```
#e1d1c3 rgb(225,209,195)
```
#e8dbd0
```
#e8dbd0 rgb(232,219,208)
```
#eee5dd
```
#eee5dd rgb(238,229,221)
```
#f5efea
```
#f5efea rgb(245,239,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#9a9794
```
#9a9794 rgb(154,151,148)
```
#a2968c
```
#a2968c rgb(162,150,140)
```
#aa9584
```
#aa9584 rgb(170,149,132)
```
#b2957c
```
#b2957c rgb(178,149,124)
```
#ba9474
```
#ba9474 rgb(186,148,116)
```
#c2936c
```
#c2936c rgb(194,147,108)
```
#ca9364
```
#ca9364 rgb(202,147,100)
```
#d2925c
```
#d2925c rgb(210,146,92)
```
#da9154
```
#da9154 rgb(218,145,84)
```
#e2914c
```
#e2914c rgb(226,145,76)
```
#ea9044
```
#ea9044 rgb(234,144,68)
```
#f28f3c
```
#f28f3c rgb(242,143,60)
```
#fa8f34
```
#fa8f34 rgb(250,143,52)
```

Tone Color Variation

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

#aaa07e Protanopia 1% of men
#bb9a7b Deuteranopia 1% of men
#c1949e Tritanopia 0.001% of the population

Trichromacy

#b09b7a Protanomaly 1% of men, 0.01% of women
#bb9778 Deuteranomaly 6% of men, 0.4% of women
#be948f Tritanomaly 0.01% of the population

#ba9474 hex color

#ba9474 Color Information

#ba9474 Color Conversion

Color Schemes with #ba9474

Alternatives to #ba9474

#ba9474 Preview

Shades and Tints of #ba9474

Tones of #ba9474

Color Blindness Simulator