#ba7b3d hex color

In a RGB color space, hex #ba7b3d is composed of 72.9% red, 48.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 67.2% yellow and 27.1% black. It has a hue angle of 29.8 degrees, a saturation of 50.6% and a lightness of 48.4%. #ba7b3d color hex could be obtained by blending #fff67a with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 48
- B 24
RGB color chart
- C 0
- M 34
- Y 67
- K 27
CMYK color chart

● #ba7b3d color description : Moderate orange.

The hexadecimal color #ba7b3d has RGB values of R:186, G:123, B:61 and CMYK values of C:0, M:0.34, Y:0.67, K:0.27. Its decimal value is 12221245.

Hex triplet	ba7b3d	`#ba7b3d`
RGB Decimal	186, 123, 61	`rgb(186,123,61)`
RGB Percent	72.9, 48.2, 23.9	`rgb(72.9%,48.2%,23.9%)`
CMYK	0, 34, 67, 27
HSL	29.8°, 50.6, 48.4	`hsl(29.8,50.6%,48.4%)`
HSV (or HSB)	29.8°, 67.2, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.021, 18.642, 43.029
XYZ	28.176, 24.944, 7.745
xyY	0.463, 0.41, 24.944
CIE-LCH	57.021, 46.894, 66.575
CIE-LUV	57.021, 49.656, 43.868
Hunter-Lab	49.944, 13.298, 25.766
Binary	10111010, 01111011, 00111101

#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#3d7cba
```
#3d7cba rgb(61,124,186)
```

Complementary Color

#ba3d3e
```
#ba3d3e rgb(186,61,62)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#baba3d
```
#baba3d rgb(186,186,61)
```

Analogous Color

#3d3eba
```
#3d3eba rgb(61,62,186)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#3dbaba
```
#3dbaba rgb(61,186,186)
```

Split Complementary Color

#7b3dba
```
#7b3dba rgb(123,61,186)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#3dba7b
```
#3dba7b rgb(61,186,123)
```

Triadic Color

#ba3d7c
```
#ba3d7c rgb(186,61,124)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#3dba7b
```
#3dba7b rgb(61,186,123)
```
#3d7cba
```
#3d7cba rgb(61,124,186)
```

Tetradic Color

#80552a
```
#80552a rgb(128,85,42)
```
#946230
```
#946230 rgb(148,98,48)
```
#a76e37
```
#a76e37 rgb(167,110,55)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#c4884c
```
#c4884c rgb(196,136,76)
```
#cb955f
```
#cb955f rgb(203,149,95)
```
#d1a173
```
#d1a173 rgb(209,161,115)
```

Monochromatic Color

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

#ba5c3d
```
#ba5c3d rgb(186,92,61)
```
#ba663d
```
#ba663d rgb(186,102,61)
```
#ba713d
```
#ba713d rgb(186,113,61)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#ba853d
```
#ba853d rgb(186,133,61)
```
#ba903d
```
#ba903d rgb(186,144,61)
```
#ba9a3d
```
#ba9a3d rgb(186,154,61)
```

Similar Colors

Text with hexadecimal color #ba7b3d

This text has a font color of #ba7b3d.

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

#ba7b3d background color

This paragraph has a background color of #ba7b3d.

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

#ba7b3d border color

This element has a border color of #ba7b3d.

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

CSS codes

.text {color:#ba7b3d;}

.background {background-color:#ba7b3d;}

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

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

#090603
```
#090603 rgb(9,6,3)
```
#181008
```
#181008 rgb(24,16,8)
```
#26190d
```
#26190d rgb(38,25,13)
```
#352311
```
#352311 rgb(53,35,17)
```
#442d16
```
#442d16 rgb(68,45,22)
```
#53371b
```
#53371b rgb(83,55,27)
```
#614020
```
#614020 rgb(97,64,32)
```
#704a25
```
#704a25 rgb(112,74,37)
```
#7f542a
```
#7f542a rgb(127,84,42)
```
#8e5e2e
```
#8e5e2e rgb(142,94,46)
```
#9c6733
```
#9c6733 rgb(156,103,51)
```
#ab7138
```
#ab7138 rgb(171,113,56)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```

Shade Color Variation

#c38548
```
#c38548 rgb(195,133,72)
```
#c88f56
```
#c88f56 rgb(200,143,86)
```
#cd9965
```
#cd9965 rgb(205,153,101)
```
#d1a274
```
#d1a274 rgb(209,162,116)
```
#d6ac83
```
#d6ac83 rgb(214,172,131)
```
#dbb692
```
#dbb692 rgb(219,182,146)
```
#e0c0a0
```
#e0c0a0 rgb(224,192,160)
```
#e5caaf
```
#e5caaf rgb(229,202,175)
```
#ead4be
```
#ead4be rgb(234,212,190)
```
#eeddcd
```
#eeddcd rgb(238,221,205)
```
#f3e7db
```
#f3e7db rgb(243,231,219)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#817b76
```
#817b76 rgb(129,123,118)
```
#8b7b6d
```
#8b7b6d rgb(139,123,109)
```
#947b63
```
#947b63 rgb(148,123,99)
```
#9e7b5a
```
#9e7b5a rgb(158,123,90)
```
#a77b50
```
#a77b50 rgb(167,123,80)
```
#b17b47
```
#b17b47 rgb(177,123,71)
```
#ba7b3d
```
#ba7b3d rgb(186,123,61)
```
#c47b34
```
#c47b34 rgb(196,123,52)
```
#cd7b2a
```
#cd7b2a rgb(205,123,42)
```
#d77b21
```
#d77b21 rgb(215,123,33)
```
#e07b17
```
#e07b17 rgb(224,123,23)
```
#ea7b0e
```
#ea7b0e rgb(234,123,14)
```
#f37b04
```
#f37b04 rgb(243,123,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#918578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8f4b Protanopia 1% of men
#af8844 Deuteranopia 1% of men
#c17b83 Tritanopia 0.001% of the population

Trichromacy

#a78746 Protanomaly 1% of men, 0.01% of women
#b38342 Deuteranomaly 6% of men, 0.4% of women
#bf7b69 Tritanomaly 0.01% of the population

#ba7b3d hex color

#ba7b3d Color Information

#ba7b3d Color Conversion

Color Schemes with #ba7b3d

Alternatives to #ba7b3d

#ba7b3d Preview

Shades and Tints of #ba7b3d

Tones of #ba7b3d

Color Blindness Simulator