#ba974c hex color

In a RGB color space, hex #ba974c is composed of 72.9% red, 59.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 40.9 degrees, a saturation of 44.4% and a lightness of 51.4%. #ba974c color hex could be obtained by blending #ffff98 with #752f00. Closest websafe color is: #cc9933.

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

● #ba974c color description : Moderate orange.

The hexadecimal color #ba974c has RGB values of R:186, G:151, B:76 and CMYK values of C:0, M:0.19, Y:0.59, K:0.27. Its decimal value is 12228428.

Hex triplet	ba974c	`#ba974c`
RGB Decimal	186, 151, 76	`rgb(186,151,76)`
RGB Percent	72.9, 59.2, 29.8	`rgb(72.9%,59.2%,29.8%)`
CMYK	0, 19, 59, 27
HSL	40.9°, 44.4, 51.4	`hsl(40.9,44.4%,51.4%)`
HSV (or HSB)	40.9°, 59.1, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.238, 4.217, 43.784
XYZ	32.621, 33.095, 11.507
xyY	0.422, 0.429, 33.095
CIE-LCH	64.238, 43.987, 84.498
CIE-LUV	64.238, 28.135, 50.258
Hunter-Lab	57.529, 0.542, 28.411
Binary	10111010, 10010111, 01001100

#ba974c
```
#ba974c rgb(186,151,76)
```
#4c6fba
```
#4c6fba rgb(76,111,186)
```

Complementary Color

#ba604c
```
#ba604c rgb(186,96,76)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#a6ba4c
```
#a6ba4c rgb(166,186,76)
```

Analogous Color

#604cba
```
#604cba rgb(96,76,186)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#4ca6ba
```
#4ca6ba rgb(76,166,186)
```

Split Complementary Color

#974cba
```
#974cba rgb(151,76,186)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#4cba97
```
#4cba97 rgb(76,186,151)
```

Triadic Color

#ba4c6f
```
#ba4c6f rgb(186,76,111)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#4cba97
```
#4cba97 rgb(76,186,151)
```
#4c6fba
```
#4c6fba rgb(76,111,186)
```

Tetradic Color

#866c34
```
#866c34 rgb(134,108,52)
```
#987b3b
```
#987b3b rgb(152,123,59)
```
#ab8942
```
#ab8942 rgb(171,137,66)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#c1a25e
```
#c1a25e rgb(193,162,94)
```
#c8ac71
```
#c8ac71 rgb(200,172,113)
```
#cfb783
```
#cfb783 rgb(207,183,131)
```

Monochromatic Color

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

#ba7c4c
```
#ba7c4c rgb(186,124,76)
```
#ba854c
```
#ba854c rgb(186,133,76)
```
#ba8e4c
```
#ba8e4c rgb(186,142,76)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#baa04c
```
#baa04c rgb(186,160,76)
```
#baa94c
```
#baa94c rgb(186,169,76)
```
#bab34c
```
#bab34c rgb(186,179,76)
```

Similar Colors

Text with hexadecimal color #ba974c

This text has a font color of #ba974c.

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

#ba974c background color

This paragraph has a background color of #ba974c.

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

#ba974c border color

This element has a border color of #ba974c.

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

CSS codes

.text {color:#ba974c;}

.background {background-color:#ba974c;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#130f07
```
#130f07 rgb(19,15,7)
```
#211b0d
```
#211b0d rgb(33,27,13)
```
#302612
```
#302612 rgb(48,38,18)
```
#3e3218
```
#3e3218 rgb(62,50,24)
```
#4c3d1d
```
#4c3d1d rgb(76,61,29)
```
#5a4823
```
#5a4823 rgb(90,72,35)
```
#685428
```
#685428 rgb(104,84,40)
```
#765f2e
```
#765f2e rgb(118,95,46)
```
#846b33
```
#846b33 rgb(132,107,51)
```
#937639
```
#937639 rgb(147,118,57)
```
#a1813e
```
#a1813e rgb(161,129,62)
```
#af8d43
```
#af8d43 rgb(175,141,67)
```

Shade Color Variation

#ba974c
```
#ba974c rgb(186,151,76)
```
#bf9f5a
```
#bf9f5a rgb(191,159,90)
```
#c5a768
```
#c5a768 rgb(197,167,104)
```
#cab076
```
#cab076 rgb(202,176,118)
```
#d0b885
```
#d0b885 rgb(208,184,133)
```
#d5c093
```
#d5c093 rgb(213,192,147)
```
#dbc8a1
```
#dbc8a1 rgb(219,200,161)
```
#e0d1af
```
#e0d1af rgb(224,209,175)
```
#e6d9bd
```
#e6d9bd rgb(230,217,189)
```
#ebe1cb
```
#ebe1cb rgb(235,225,203)
```
#f1e9da
```
#f1e9da rgb(241,233,218)
```
#f6f1e8
```
#f6f1e8 rgb(246,241,232)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#8a867c
```
#8a867c rgb(138,134,124)
```
#948972
```
#948972 rgb(148,137,114)
```
#9d8d69
```
#9d8d69 rgb(157,141,105)
```
#a7905f
```
#a7905f rgb(167,144,95)
```
#b09456
```
#b09456 rgb(176,148,86)
```
#ba974c
```
#ba974c rgb(186,151,76)
```
#c49a42
```
#c49a42 rgb(196,154,66)
```
#cd9e39
```
#cd9e39 rgb(205,158,57)
```
#d7a12f
```
#d7a12f rgb(215,161,47)
```
#e0a526
```
#e0a526 rgb(224,165,38)
```
#eaa81c
```
#eaa81c rgb(234,168,28)
```
#f3ac13
```
#f3ac13 rgb(243,172,19)
```
#fdaf09
```
#fdaf09 rgb(253,175,9)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a0998a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a056 Protanopia 1% of men
#c49956 Deuteranopia 1% of men
#c4949e Tritanopia 0.001% of the population

Trichromacy

#b49d52 Protanomaly 1% of men, 0.01% of women
#c09852 Deuteranomaly 6% of men, 0.4% of women
#c09580 Tritanomaly 0.01% of the population

#ba974c hex color

#ba974c Color Information

#ba974c Color Conversion

Color Schemes with #ba974c

Alternatives to #ba974c

#ba974c Preview

Shades and Tints of #ba974c

Tones of #ba974c

Color Blindness Simulator