#ba7d4d hex color

In a RGB color space, hex #ba7d4d is composed of 72.9% red, 49% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 58.6% yellow and 27.1% black. It has a hue angle of 26.4 degrees, a saturation of 44.1% and a lightness of 51.6%. #ba7d4d color hex could be obtained by blending #fffa9a with #750000. Closest websafe color is: #cc6666.

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

● #ba7d4d color description : Moderate orange.

The hexadecimal color #ba7d4d has RGB values of R:186, G:125, B:77 and CMYK values of C:0, M:0.33, Y:0.59, K:0.27. Its decimal value is 12221773.

Hex triplet	ba7d4d	`#ba7d4d`
RGB Decimal	186, 125, 77	`rgb(186,125,77)`
RGB Percent	72.9, 49, 30.2	`rgb(72.9%,49%,30.2%)`
CMYK	0, 33, 59, 27
HSL	26.4°, 44.1, 51.6	`hsl(26.4,44.1%,51.6%)`
HSV (or HSB)	26.4°, 58.6, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.698, 18.648, 35.504
XYZ	28.923, 25.644, 10.447
xyY	0.445, 0.394, 25.644
CIE-LCH	57.698, 40.103, 62.289
CIE-LUV	57.698, 46.646, 37.799
Hunter-Lab	50.64, 13.332, 23.216
Binary	10111010, 01111101, 01001101

#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#4d8aba
```
#4d8aba rgb(77,138,186)
```

Complementary Color

#ba4d54
```
#ba4d54 rgb(186,77,84)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#bab44d
```
#bab44d rgb(186,180,77)
```

Analogous Color

#4d54ba
```
#4d54ba rgb(77,84,186)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#4dbab4
```
#4dbab4 rgb(77,186,180)
```

Split Complementary Color

#7d4dba
```
#7d4dba rgb(125,77,186)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#4dba7d
```
#4dba7d rgb(77,186,125)
```

Triadic Color

#ba4d8a
```
#ba4d8a rgb(186,77,138)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#4dba7d
```
#4dba7d rgb(77,186,125)
```
#4d8aba
```
#4d8aba rgb(77,138,186)
```

Tetradic Color

#865834
```
#865834 rgb(134,88,52)
```
#99643b
```
#99643b rgb(153,100,59)
```
#ab7142
```
#ab7142 rgb(171,113,66)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#c18a5f
```
#c18a5f rgb(193,138,95)
```
#c89872
```
#c89872 rgb(200,152,114)
```
#cfa584
```
#cfa584 rgb(207,165,132)
```

Monochromatic Color

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

#ba624d
```
#ba624d rgb(186,98,77)
```
#ba6b4d
```
#ba6b4d rgb(186,107,77)
```
#ba744d
```
#ba744d rgb(186,116,77)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#ba864d
```
#ba864d rgb(186,134,77)
```
#ba8f4d
```
#ba8f4d rgb(186,143,77)
```
#ba984d
```
#ba984d rgb(186,152,77)
```

Similar Colors

Text with hexadecimal color #ba7d4d

This text has a font color of #ba7d4d.

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

#ba7d4d background color

This paragraph has a background color of #ba7d4d.

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

#ba7d4d border color

This element has a border color of #ba7d4d.

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

CSS codes

.text {color:#ba7d4d;}

.background {background-color:#ba7d4d;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#140d08
```
#140d08 rgb(20,13,8)
```
#22160d
```
#22160d rgb(34,22,13)
```
#302013
```
#302013 rgb(48,32,19)
```
#3e2918
```
#3e2918 rgb(62,41,24)
```
#4c321e
```
#4c321e rgb(76,50,30)
```
#5b3c23
```
#5b3c23 rgb(91,60,35)
```
#694529
```
#694529 rgb(105,69,41)
```
#774e2e
```
#774e2e rgb(119,78,46)
```
#855734
```
#855734 rgb(133,87,52)
```
#936139
```
#936139 rgb(147,97,57)
```
#a16a3f
```
#a16a3f rgb(161,106,63)
```
#af7344
```
#af7344 rgb(175,115,68)
```

Shade Color Variation

#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#bf875b
```
#bf875b rgb(191,135,91)
```
#c59269
```
#c59269 rgb(197,146,105)
```
#ca9c77
```
#ca9c77 rgb(202,156,119)
```
#d0a686
```
#d0a686 rgb(208,166,134)
```
#d5b194
```
#d5b194 rgb(213,177,148)
```
#dbbba2
```
#dbbba2 rgb(219,187,162)
```
#e0c5b0
```
#e0c5b0 rgb(224,197,176)
```
#e6d0be
```
#e6d0be rgb(230,208,190)
```
#ebdacc
```
#ebdacc rgb(235,218,204)
```
#f1e4da
```
#f1e4da rgb(241,228,218)
```
#f6efe8
```
#f6efe8 rgb(246,239,232)
```
#fcf9f7
```
#fcf9f7 rgb(252,249,247)
```

Tint Color Variation

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

#8b837d
```
#8b837d rgb(139,131,125)
```
#948273
```
#948273 rgb(148,130,115)
```
#9e806a
```
#9e806a rgb(158,128,106)
```
#a77f60
```
#a77f60 rgb(167,127,96)
```
#b17e57
```
#b17e57 rgb(177,126,87)
```
#ba7d4d
```
#ba7d4d rgb(186,125,77)
```
#c47c44
```
#c47c44 rgb(196,124,68)
```
#cd7b3a
```
#cd7b3a rgb(205,123,58)
```
#d77a30
```
#d77a30 rgb(215,122,48)
```
#e07827
```
#e07827 rgb(224,120,39)
```
#ea771d
```
#ea771d rgb(234,119,29)
```
#f37614
```
#f37614 rgb(243,118,20)
```
#fd750b
```
#fd750b rgb(253,117,11)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#94877e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d905a Protanopia 1% of men
#af8a54 Deuteranopia 1% of men
#c17d86 Tritanopia 0.001% of the population

Trichromacy

#a78955 Protanomaly 1% of men, 0.01% of women
#b38551 Deuteranomaly 6% of men, 0.4% of women
#be7d71 Tritanomaly 0.01% of the population

#ba7d4d hex color

#ba7d4d Color Information

#ba7d4d Color Conversion

Color Schemes with #ba7d4d

Alternatives to #ba7d4d

#ba7d4d Preview

Shades and Tints of #ba7d4d

Tones of #ba7d4d

Color Blindness Simulator