#ba831e hex color

In a RGB color space, hex #ba831e is composed of 72.9% red, 51.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 83.9% yellow and 27.1% black. It has a hue angle of 38.8 degrees, a saturation of 72.2% and a lightness of 42.4%. #ba831e color hex could be obtained by blending #ffff3c with #750700. Closest websafe color is: #cc9933.

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

● #ba831e color description : Strong orange.

The hexadecimal color #ba831e has RGB values of R:186, G:131, B:30 and CMYK values of C:0, M:0.3, Y:0.84, K:0.27. Its decimal value is 12223262.

Hex triplet	ba831e	`#ba831e`
RGB Decimal	186, 131, 30	`rgb(186,131,30)`
RGB Percent	72.9, 51.4, 11.8	`rgb(72.9%,51.4%,11.8%)`
CMYK	0, 30, 84, 27
HSL	38.8°, 72.2, 42.4	`hsl(38.8,72.2%,42.4%)`
HSV (or HSB)	38.8°, 83.9, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.758, 12.822, 57.81
XYZ	28.601, 26.767, 4.889
xyY	0.475, 0.444, 26.767
CIE-LCH	58.758, 59.215, 77.494
CIE-LUV	58.758, 45.356, 55.989
Hunter-Lab	51.737, 8.138, 30.614
Binary	10111010, 10000011, 00011110

#ba831e
```
#ba831e rgb(186,131,30)
```
#1e55ba
```
#1e55ba rgb(30,85,186)
```

Complementary Color

#ba351e
```
#ba351e rgb(186,53,30)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#a3ba1e
```
#a3ba1e rgb(163,186,30)
```

Analogous Color

#351eba
```
#351eba rgb(53,30,186)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#1ea3ba
```
#1ea3ba rgb(30,163,186)
```

Split Complementary Color

#831eba
```
#831eba rgb(131,30,186)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#1eba83
```
#1eba83 rgb(30,186,131)
```

Triadic Color

#ba1e55
```
#ba1e55 rgb(186,30,85)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#1eba83
```
#1eba83 rgb(30,186,131)
```
#1e55ba
```
#1e55ba rgb(30,85,186)
```

Tetradic Color

#785513
```
#785513 rgb(120,85,19)
```
#8e6417
```
#8e6417 rgb(142,100,23)
```
#a4741a
```
#a4741a rgb(164,116,26)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#d09222
```
#d09222 rgb(208,146,34)
```
#dd9f2e
```
#dd9f2e rgb(221,159,46)
```
#e1a944
```
#e1a944 rgb(225,169,68)
```

Monochromatic Color

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

#ba5c1e
```
#ba5c1e rgb(186,92,30)
```
#ba691e
```
#ba691e rgb(186,105,30)
```
#ba761e
```
#ba761e rgb(186,118,30)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#ba901e
```
#ba901e rgb(186,144,30)
```
#ba9d1e
```
#ba9d1e rgb(186,157,30)
```
#baaa1e
```
#baaa1e rgb(186,170,30)
```

Similar Colors

Text with hexadecimal color #ba831e

This text has a font color of #ba831e.

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

#ba831e background color

This paragraph has a background color of #ba831e.

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

#ba831e border color

This element has a border color of #ba831e.

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

CSS codes

.text {color:#ba831e;}

.background {background-color:#ba831e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110c03
```
#110c03 rgb(17,12,3)
```
#221805
```
#221805 rgb(34,24,5)
```
#332408
```
#332408 rgb(51,36,8)
```
#44300b
```
#44300b rgb(68,48,11)
```
#553c0e
```
#553c0e rgb(85,60,14)
```
#664810
```
#664810 rgb(102,72,16)
```
#765313
```
#765313 rgb(118,83,19)
```
#875f16
```
#875f16 rgb(135,95,22)
```
#986b19
```
#986b19 rgb(152,107,25)
```
#a9771b
```
#a9771b rgb(169,119,27)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#cb8f21
```
#cb8f21 rgb(203,143,33)
```

Shade Color Variation

#dc9b24
```
#dc9b24 rgb(220,155,36)
```
#dea235
```
#dea235 rgb(222,162,53)
```
#e1aa45
```
#e1aa45 rgb(225,170,69)
```
#e4b256
```
#e4b256 rgb(228,178,86)
```
#e7ba67
```
#e7ba67 rgb(231,186,103)
```
#e9c178
```
#e9c178 rgb(233,193,120)
```
#ecc989
```
#ecc989 rgb(236,201,137)
```
#efd19a
```
#efd19a rgb(239,209,154)
```
#f1d8ab
```
#f1d8ab rgb(241,216,171)
```
#f4e0bc
```
#f4e0bc rgb(244,224,188)
```
#f7e8cd
```
#f7e8cd rgb(247,232,205)
```
#faf0dd
```
#faf0dd rgb(250,240,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```

Tint Color Variation

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

#6f6d69
```
#6f6d69 rgb(111,109,105)
```
#786f60
```
#786f60 rgb(120,111,96)
```
#807258
```
#807258 rgb(128,114,88)
```
#887450
```
#887450 rgb(136,116,80)
```
#907748
```
#907748 rgb(144,119,72)
```
#99793f
```
#99793f rgb(153,121,63)
```
#a17c37
```
#a17c37 rgb(161,124,55)
```
#a97e2f
```
#a97e2f rgb(169,126,47)
```
#b28126
```
#b28126 rgb(178,129,38)
```
#ba831e
```
#ba831e rgb(186,131,30)
```
#c28516
```
#c28516 rgb(194,133,22)
```
#cb880d
```
#cb880d rgb(203,136,13)
```
#d38a05
```
#d38a05 rgb(211,138,5)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932c Protanopia 1% of men
#b78c28 Deuteranopia 1% of men
#c38089 Tritanopia 0.001% of the population

Trichromacy

#ac8d27 Protanomaly 1% of men, 0.01% of women
#b88824 Deuteranomaly 6% of men, 0.4% of women
#c08162 Tritanomaly 0.01% of the population

#ba831e hex color

#ba831e Color Information

#ba831e Color Conversion

Color Schemes with #ba831e

Alternatives to #ba831e

#ba831e Preview

Shades and Tints of #ba831e

Tones of #ba831e

Color Blindness Simulator