#ba7f4c hex color

In a RGB color space, hex #ba7f4c is composed of 72.9% red, 49.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 27.8 degrees, a saturation of 44.4% and a lightness of 51.4%. #ba7f4c color hex could be obtained by blending #fffe98 with #750000. Closest websafe color is: #cc6633.

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

● #ba7f4c color description : Moderate orange.

The hexadecimal color #ba7f4c has RGB values of R:186, G:127, B:76 and CMYK values of C:0, M:0.32, Y:0.59, K:0.27. Its decimal value is 12222284.

Hex triplet	ba7f4c	`#ba7f4c`
RGB Decimal	186, 127, 76	`rgb(186,127,76)`
RGB Percent	72.9, 49.8, 29.8	`rgb(72.9%,49.8%,29.8%)`
CMYK	0, 32, 59, 27
HSL	27.8°, 44.4, 51.4	`hsl(27.8,44.4%,51.4%)`
HSV (or HSB)	27.8°, 59.1, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.171, 17.461, 36.611
XYZ	29.144, 26.141, 10.348
xyY	0.444, 0.398, 26.141
CIE-LCH	58.171, 40.562, 64.502
CIE-LUV	58.171, 45.295, 39.19
Hunter-Lab	51.129, 12.272, 23.79
Binary	10111010, 01111111, 01001100

#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#4c87ba
```
#4c87ba rgb(76,135,186)
```

Complementary Color

#ba4c50
```
#ba4c50 rgb(186,76,80)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#bab64c
```
#bab64c rgb(186,182,76)
```

Analogous Color

#4c50ba
```
#4c50ba rgb(76,80,186)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#4cbab6
```
#4cbab6 rgb(76,186,182)
```

Split Complementary Color

#7f4cba
```
#7f4cba rgb(127,76,186)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#4cba7f
```
#4cba7f rgb(76,186,127)
```

Triadic Color

#ba4c87
```
#ba4c87 rgb(186,76,135)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#4cba7f
```
#4cba7f rgb(76,186,127)
```
#4c87ba
```
#4c87ba rgb(76,135,186)
```

Tetradic Color

#865a34
```
#865a34 rgb(134,90,52)
```
#98663b
```
#98663b rgb(152,102,59)
```
#ab7242
```
#ab7242 rgb(171,114,66)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#c18c5e
```
#c18c5e rgb(193,140,94)
```
#c89971
```
#c89971 rgb(200,153,113)
```
#cfa683
```
#cfa683 rgb(207,166,131)
```

Monochromatic Color

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

#ba644c
```
#ba644c rgb(186,100,76)
```
#ba6d4c
```
#ba6d4c rgb(186,109,76)
```
#ba764c
```
#ba764c rgb(186,118,76)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#ba884c
```
#ba884c rgb(186,136,76)
```
#ba914c
```
#ba914c rgb(186,145,76)
```
#ba9b4c
```
#ba9b4c rgb(186,155,76)
```

Similar Colors

Text with hexadecimal color #ba7f4c

This text has a font color of #ba7f4c.

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

#ba7f4c background color

This paragraph has a background color of #ba7f4c.

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

#ba7f4c border color

This element has a border color of #ba7f4c.

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

CSS codes

.text {color:#ba7f4c;}

.background {background-color:#ba7f4c;}

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

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)
```
#130d07
```
#130d07 rgb(19,13,7)
```
#21160d
```
#21160d rgb(33,22,13)
```
#302012
```
#302012 rgb(48,32,18)
```
#3e2918
```
#3e2918 rgb(62,41,24)
```
#4c331d
```
#4c331d rgb(76,51,29)
```
#5a3c23
```
#5a3c23 rgb(90,60,35)
```
#684628
```
#684628 rgb(104,70,40)
```
#764f2e
```
#764f2e rgb(118,79,46)
```
#845933
```
#845933 rgb(132,89,51)
```
#936239
```
#936239 rgb(147,98,57)
```
#a16c3e
```
#a16c3e rgb(161,108,62)
```
#af7543
```
#af7543 rgb(175,117,67)
```

Shade Color Variation

#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#bf895a
```
#bf895a rgb(191,137,90)
```
#c59368
```
#c59368 rgb(197,147,104)
```
#ca9d76
```
#ca9d76 rgb(202,157,118)
```
#d0a785
```
#d0a785 rgb(208,167,133)
```
#d5b293
```
#d5b293 rgb(213,178,147)
```
#dbbca1
```
#dbbca1 rgb(219,188,161)
```
#e0c6af
```
#e0c6af rgb(224,198,175)
```
#e6d0bd
```
#e6d0bd rgb(230,208,189)
```
#ebdacb
```
#ebdacb rgb(235,218,203)
```
#f1e4da
```
#f1e4da rgb(241,228,218)
```
#f6eee8
```
#f6eee8 rgb(246,238,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#8a827c
```
#8a827c rgb(138,130,124)
```
#948272
```
#948272 rgb(148,130,114)
```
#9d8169
```
#9d8169 rgb(157,129,105)
```
#a7805f
```
#a7805f rgb(167,128,95)
```
#b08056
```
#b08056 rgb(176,128,86)
```
#ba7f4c
```
#ba7f4c rgb(186,127,76)
```
#c47e42
```
#c47e42 rgb(196,126,66)
```
#cd7e39
```
#cd7e39 rgb(205,126,57)
```
#d77d2f
```
#d77d2f rgb(215,125,47)
```
#e07c26
```
#e07c26 rgb(224,124,38)
```
#ea7c1c
```
#ea7c1c rgb(234,124,28)
```
#f37b13
```
#f37b13 rgb(243,123,19)
```
#fd7a09
```
#fd7a09 rgb(253,122,9)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#94897e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9159 Protanopia 1% of men
#b08b53 Deuteranopia 1% of men
#c17f88 Tritanopia 0.001% of the population

Trichromacy

#a88a54 Protanomaly 1% of men, 0.01% of women
#b48650 Deuteranomaly 6% of men, 0.4% of women
#be7f72 Tritanomaly 0.01% of the population

#ba7f4c hex color

#ba7f4c Color Information

#ba7f4c Color Conversion

Color Schemes with #ba7f4c

Alternatives to #ba7f4c

#ba7f4c Preview

Shades and Tints of #ba7f4c

Tones of #ba7f4c

Color Blindness Simulator