#ba8040 hex color

In a RGB color space, hex #ba8040 is composed of 72.9% red, 50.2% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 65.6% yellow and 27.1% black. It has a hue angle of 31.5 degrees, a saturation of 48.8% and a lightness of 49%. #ba8040 color hex could be obtained by blending #ffff80 with #750100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 50
- B 25
RGB color chart
- C 0
- M 31
- Y 66
- K 27
CMYK color chart

● #ba8040 color description : Moderate orange.

The hexadecimal color #ba8040 has RGB values of R:186, G:128, B:64 and CMYK values of C:0, M:0.31, Y:0.66, K:0.27. Its decimal value is 12222528.

Hex triplet	ba8040	`#ba8040`
RGB Decimal	186, 128, 64	`rgb(186,128,64)`
RGB Percent	72.9, 50.2, 25.1	`rgb(72.9%,50.2%,25.1%)`
CMYK	0, 31, 66, 27
HSL	31.5°, 48.8, 49	`hsl(31.5,48.8%,49%)`
HSV (or HSB)	31.5°, 65.6, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.273, 16.057, 42.933
XYZ	28.895, 26.249, 8.395
xyY	0.455, 0.413, 26.249
CIE-LCH	58.273, 45.838, 69.494
CIE-LUV	58.273, 45.645, 44.852
Hunter-Lab	51.234, 11.01, 26.149
Binary	10111010, 10000000, 01000000

#ba8040
```
#ba8040 rgb(186,128,64)
```
#407aba
```
#407aba rgb(64,122,186)
```

Complementary Color

#ba4340
```
#ba4340 rgb(186,67,64)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#b7ba40
```
#b7ba40 rgb(183,186,64)
```

Analogous Color

#4340ba
```
#4340ba rgb(67,64,186)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#40b7ba
```
#40b7ba rgb(64,183,186)
```

Split Complementary Color

#8040ba
```
#8040ba rgb(128,64,186)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#40ba80
```
#40ba80 rgb(64,186,128)
```

Triadic Color

#ba407a
```
#ba407a rgb(186,64,122)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#40ba80
```
#40ba80 rgb(64,186,128)
```
#407aba
```
#407aba rgb(64,122,186)
```

Tetradic Color

#81592c
```
#81592c rgb(129,89,44)
```
#946633
```
#946633 rgb(148,102,51)
```
#a77339
```
#a77339 rgb(167,115,57)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#c38d51
```
#c38d51 rgb(195,141,81)
```
#c99964
```
#c99964 rgb(201,153,100)
```
#d0a576
```
#d0a576 rgb(208,165,118)
```

Monochromatic Color

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

#ba6240
```
#ba6240 rgb(186,98,64)
```
#ba6c40
```
#ba6c40 rgb(186,108,64)
```
#ba7640
```
#ba7640 rgb(186,118,64)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#ba8a40
```
#ba8a40 rgb(186,138,64)
```
#ba9440
```
#ba9440 rgb(186,148,64)
```
#ba9f40
```
#ba9f40 rgb(186,159,64)
```

Similar Colors

Text with hexadecimal color #ba8040

This text has a font color of #ba8040.

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

#ba8040 background color

This paragraph has a background color of #ba8040.

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

#ba8040 border color

This element has a border color of #ba8040.

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

CSS codes

.text {color:#ba8040;}

.background {background-color:#ba8040;}

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

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, #0b0704 is the darkest color, while #fefdfb is the lightest one.

#0b0704
```
#0b0704 rgb(11,7,4)
```
#191209
```
#191209 rgb(25,18,9)
```
#281c0e
```
#281c0e rgb(40,28,14)
```
#372613
```
#372613 rgb(55,38,19)
```
#453018
```
#453018 rgb(69,48,24)
```
#543a1d
```
#543a1d rgb(84,58,29)
```
#624422
```
#624422 rgb(98,68,34)
```
#714e27
```
#714e27 rgb(113,78,39)
```
#80582c
```
#80582c rgb(128,88,44)
```
#8e6231
```
#8e6231 rgb(142,98,49)
```
#9d6c36
```
#9d6c36 rgb(157,108,54)
```
#ab763b
```
#ab763b rgb(171,118,59)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```

Shade Color Variation

#c18a4c
```
#c18a4c rgb(193,138,76)
```
#c6935b
```
#c6935b rgb(198,147,91)
```
#cc9d69
```
#cc9d69 rgb(204,157,105)
```
#d1a678
```
#d1a678 rgb(209,166,120)
```
#d6b087
```
#d6b087 rgb(214,176,135)
```
#dbba95
```
#dbba95 rgb(219,186,149)
```
#e0c3a4
```
#e0c3a4 rgb(224,195,164)
```
#e5cdb2
```
#e5cdb2 rgb(229,205,178)
```
#ead6c1
```
#ead6c1 rgb(234,214,193)
```
#efe0cf
```
#efe0cf rgb(239,224,207)
```
#f4e9de
```
#f4e9de rgb(244,233,222)
```
#f9f3ed
```
#f9f3ed rgb(249,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#807d7a
```
#807d7a rgb(128,125,122)
```
#8a7e70
```
#8a7e70 rgb(138,126,112)
```
#947e66
```
#947e66 rgb(148,126,102)
```
#9d7f5d
```
#9d7f5d rgb(157,127,93)
```
#a77f53
```
#a77f53 rgb(167,127,83)
```
#b0804a
```
#b0804a rgb(176,128,74)
```
#ba8040
```
#ba8040 rgb(186,128,64)
```
#c48036
```
#c48036 rgb(196,128,54)
```
#cd812d
```
#cd812d rgb(205,129,45)
```
#d78123
```
#d78123 rgb(215,129,35)
```
#e0821a
```
#e0821a rgb(224,130,26)
```
#ea8210
```
#ea8210 rgb(234,130,16)
```
#f48306
```
#f48306 rgb(244,131,6)
```

Tone Color Variation

Below, you can see how #ba8040 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
#94887b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0924d Protanopia 1% of men
#b28b48 Deuteranopia 1% of men
#c27f88 Tritanopia 0.001% of the population

Trichromacy

#a98b48 Protanomaly 1% of men, 0.01% of women
#b58745 Deuteranomaly 6% of men, 0.4% of women
#bf7f6d Tritanomaly 0.01% of the population

#ba8040 hex color

#ba8040 Color Information

#ba8040 Color Conversion

Color Schemes with #ba8040

Alternatives to #ba8040

#ba8040 Preview

Shades and Tints of #ba8040

Tones of #ba8040

Color Blindness Simulator