#ba9774 hex color

In a RGB color space, hex #ba9774 is composed of 72.9% red, 59.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 37.6% yellow and 27.1% black. It has a hue angle of 30 degrees, a saturation of 33.7% and a lightness of 59.2%. #ba9774 color hex could be obtained by blending #ffffe8 with #752f00. Closest websafe color is: #cc9966.

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

● #ba9774 color description : Slightly desaturated orange.

The hexadecimal color #ba9774 has RGB values of R:186, G:151, B:116 and CMYK values of C:0, M:0.19, Y:0.38, K:0.27. Its decimal value is 12228468.

Hex triplet	ba9774	`#ba9774`
RGB Decimal	186, 151, 116	`rgb(186,151,116)`
RGB Percent	72.9, 59.2, 45.5	`rgb(72.9%,59.2%,45.5%)`
CMYK	0, 19, 38, 27
HSL	30°, 33.7, 59.2	`hsl(30,33.7%,59.2%)`
HSV (or HSB)	30°, 37.6, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.831, 8.15, 23.377
XYZ	34.469, 33.834, 21.237
xyY	0.385, 0.378, 33.834
CIE-LCH	64.831, 24.757, 70.78
CIE-LUV	64.831, 25.107, 28.998
Hunter-Lab	58.167, 3.982, 19.07
Binary	10111010, 10010111, 01110100

#ba9774
```
#ba9774 rgb(186,151,116)
```
#7497ba
```
#7497ba rgb(116,151,186)
```

Complementary Color

#ba7474
```
#ba7474 rgb(186,116,116)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#baba74
```
#baba74 rgb(186,186,116)
```

Analogous Color

#7474ba
```
#7474ba rgb(116,116,186)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#74baba
```
#74baba rgb(116,186,186)
```

Split Complementary Color

#9774ba
```
#9774ba rgb(151,116,186)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#74ba97
```
#74ba97 rgb(116,186,151)
```

Triadic Color

#ba7497
```
#ba7497 rgb(186,116,151)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#74ba97
```
#74ba97 rgb(116,186,151)
```
#7497ba
```
#7497ba rgb(116,151,186)
```

Tetradic Color

#97714b
```
#97714b rgb(151,113,75)
```
#a87e53
```
#a87e53 rgb(168,126,83)
```
#b28a63
```
#b28a63 rgb(178,138,99)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#c2a485
```
#c2a485 rgb(194,164,133)
```
#cbb196
```
#cbb196 rgb(203,177,150)
```
#d3bda7
```
#d3bda7 rgb(211,189,167)
```

Monochromatic Color

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

#ba8674
```
#ba8674 rgb(186,134,116)
```
#ba8b74
```
#ba8b74 rgb(186,139,116)
```
#ba9174
```
#ba9174 rgb(186,145,116)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#ba9d74
```
#ba9d74 rgb(186,157,116)
```
#baa374
```
#baa374 rgb(186,163,116)
```
#baa974
```
#baa974 rgb(186,169,116)
```

Similar Colors

Text with hexadecimal color #ba9774

This text has a font color of #ba9774.

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

#ba9774 background color

This paragraph has a background color of #ba9774.

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

#ba9774 border color

This element has a border color of #ba9774.

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

CSS codes

.text {color:#ba9774;}

.background {background-color:#ba9774;}

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

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)
```
#120e09
```
#120e09 rgb(18,14,9)
```
#1f1810
```
#1f1810 rgb(31,24,16)
```
#2d2116
```
#2d2116 rgb(45,33,22)
```
#3a2b1d
```
#3a2b1d rgb(58,43,29)
```
#473523
```
#473523 rgb(71,53,35)
```
#543f2a
```
#543f2a rgb(84,63,42)
```
#614930
```
#614930 rgb(97,73,48)
```
#6e5237
```
#6e5237 rgb(110,82,55)
```
#7b5c3d
```
#7b5c3d rgb(123,92,61)
```
#886644
```
#886644 rgb(136,102,68)
```
#95704a
```
#95704a rgb(149,112,74)
```
#a27a51
```
#a27a51 rgb(162,122,81)
```

Shade Color Variation

#ad835a
```
#ad835a rgb(173,131,90)
```
#b38d67
```
#b38d67 rgb(179,141,103)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#c1a181
```
#c1a181 rgb(193,161,129)
```
#c7ab8e
```
#c7ab8e rgb(199,171,142)
```
#ceb49b
```
#ceb49b rgb(206,180,155)
```
#d4bea8
```
#d4bea8 rgb(212,190,168)
```
#dbc8b6
```
#dbc8b6 rgb(219,200,182)
```
#e1d2c3
```
#e1d2c3 rgb(225,210,195)
```
#e8dcd0
```
#e8dcd0 rgb(232,220,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 #fa9734 is the most saturated one.

#9a9794
```
#9a9794 rgb(154,151,148)
```
#a2978c
```
#a2978c rgb(162,151,140)
```
#aa9784
```
#aa9784 rgb(170,151,132)
```
#b2977c
```
#b2977c rgb(178,151,124)
```
#ba9774
```
#ba9774 rgb(186,151,116)
```
#c2976c
```
#c2976c rgb(194,151,108)
```
#ca9764
```
#ca9764 rgb(202,151,100)
```
#d2975c
```
#d2975c rgb(210,151,92)
```
#da9754
```
#da9754 rgb(218,151,84)
```
#e2974c
```
#e2974c rgb(226,151,76)
```
#ea9744
```
#ea9744 rgb(234,151,68)
```
#f2973c
```
#f2973c rgb(242,151,60)
```
#fa9734
```
#fa9734 rgb(250,151,52)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a39c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada27d Protanopia 1% of men
#be9c7b Deuteranopia 1% of men
#c297a1 Tritanopia 0.001% of the population

Trichromacy

#b19e7a Protanomaly 1% of men, 0.01% of women
#bc9a78 Deuteranomaly 6% of men, 0.4% of women
#bf9791 Tritanomaly 0.01% of the population

#ba9774 hex color

#ba9774 Color Information

#ba9774 Color Conversion

Color Schemes with #ba9774

Alternatives to #ba9774

#ba9774 Preview

Shades and Tints of #ba9774

Tones of #ba9774

Color Blindness Simulator