#ba6d31 hex color

In a RGB color space, hex #ba6d31 is composed of 72.9% red, 42.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 73.7% yellow and 27.1% black. It has a hue angle of 26.3 degrees, a saturation of 58.3% and a lightness of 46.1%. #ba6d31 color hex could be obtained by blending #ffda62 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 43
- B 19
RGB color chart
- C 0
- M 41
- Y 74
- K 27
CMYK color chart

● #ba6d31 color description : Moderate orange.

The hexadecimal color #ba6d31 has RGB values of R:186, G:109, B:49 and CMYK values of C:0, M:0.41, Y:0.74, K:0.27. Its decimal value is 12217649.

Hex triplet	ba6d31	`#ba6d31`
RGB Decimal	186, 109, 49	`rgb(186,109,49)`
RGB Percent	72.9, 42.7, 19.2	`rgb(72.9%,42.7%,19.2%)`
CMYK	0, 41, 74, 27
HSL	26.3°, 58.3, 46.1	`hsl(26.3,58.3%,46.1%)`
HSV (or HSB)	26.3°, 73.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.6, 25.708, 45.222
XYZ	26.273, 21.6, 5.691
xyY	0.49, 0.403, 21.6
CIE-LCH	53.6, 52.018, 60.382
CIE-LUV	53.6, 61.491, 42.41
Hunter-Lab	46.476, 19.575, 25.273
Binary	10111010, 01101101, 00110001

#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#317eba
```
#317eba rgb(49,126,186)
```

Complementary Color

#ba3139
```
#ba3139 rgb(186,49,57)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#bab231
```
#bab231 rgb(186,178,49)
```

Analogous Color

#3139ba
```
#3139ba rgb(49,57,186)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#31bab2
```
#31bab2 rgb(49,186,178)
```

Split Complementary Color

#6d31ba
```
#6d31ba rgb(109,49,186)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#31ba6d
```
#31ba6d rgb(49,186,109)
```

Triadic Color

#ba317e
```
#ba317e rgb(186,49,126)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#31ba6d
```
#31ba6d rgb(49,186,109)
```
#317eba
```
#317eba rgb(49,126,186)
```

Tetradic Color

#7d4a21
```
#7d4a21 rgb(125,74,33)
```
#925526
```
#925526 rgb(146,85,38)
```
#a6612c
```
#a6612c rgb(166,97,44)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#cb793a
```
#cb793a rgb(203,121,58)
```
#d0874e
```
#d0874e rgb(208,135,78)
```
#d69562
```
#d69562 rgb(214,149,98)
```

Monochromatic Color

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

#ba4b31
```
#ba4b31 rgb(186,75,49)
```
#ba5631
```
#ba5631 rgb(186,86,49)
```
#ba6231
```
#ba6231 rgb(186,98,49)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#ba7831
```
#ba7831 rgb(186,120,49)
```
#ba8431
```
#ba8431 rgb(186,132,49)
```
#ba8f31
```
#ba8f31 rgb(186,143,49)
```

Similar Colors

Text with hexadecimal color #ba6d31

This text has a font color of #ba6d31.

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

#ba6d31 background color

This paragraph has a background color of #ba6d31.

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

#ba6d31 border color

This element has a border color of #ba6d31.

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

CSS codes

.text {color:#ba6d31;}

.background {background-color:#ba6d31;}

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

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

#0f0904
```
#0f0904 rgb(15,9,4)
```
#1f1208
```
#1f1208 rgb(31,18,8)
```
#2e1b0c
```
#2e1b0c rgb(46,27,12)
```
#3e2410
```
#3e2410 rgb(62,36,16)
```
#4d2d14
```
#4d2d14 rgb(77,45,20)
```
#5d3618
```
#5d3618 rgb(93,54,24)
```
#6c401d
```
#6c401d rgb(108,64,29)
```
#7c4921
```
#7c4921 rgb(124,73,33)
```
#8b5225
```
#8b5225 rgb(139,82,37)
```
#9b5b29
```
#9b5b29 rgb(155,91,41)
```
#aa642d
```
#aa642d rgb(170,100,45)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#ca7635
```
#ca7635 rgb(202,118,53)
```

Shade Color Variation

#ce8144
```
#ce8144 rgb(206,129,68)
```
#d28b54
```
#d28b54 rgb(210,139,84)
```
#d69663
```
#d69663 rgb(214,150,99)
```
#daa073
```
#daa073 rgb(218,160,115)
```
#deab82
```
#deab82 rgb(222,171,130)
```
#e2b592
```
#e2b592 rgb(226,181,146)
```
#e6c0a2
```
#e6c0a2 rgb(230,192,162)
```
#eacab1
```
#eacab1 rgb(234,202,177)
```
#efd5c1
```
#efd5c1 rgb(239,213,193)
```
#f3dfd0
```
#f3dfd0 rgb(243,223,208)
```
#f7eae0
```
#f7eae0 rgb(247,234,224)
```
#fbf4ef
```
#fbf4ef rgb(251,244,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7570
```
#7b7570 rgb(123,117,112)
```
#847467
```
#847467 rgb(132,116,103)
```
#8d735e
```
#8d735e rgb(141,115,94)
```
#967155
```
#967155 rgb(150,113,85)
```
#9f704c
```
#9f704c rgb(159,112,76)
```
#a86f43
```
#a86f43 rgb(168,111,67)
```
#b16e3a
```
#b16e3a rgb(177,110,58)
```
#ba6d31
```
#ba6d31 rgb(186,109,49)
```
#c36c28
```
#c36c28 rgb(195,108,40)
```
#cc6b1f
```
#cc6b1f rgb(204,107,31)
```
#d56a16
```
#d56a16 rgb(213,106,22)
```
#de690d
```
#de690d rgb(222,105,13)
```
#e76704
```
#e76704 rgb(231,103,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948640 Protanopia 1% of men
#a68037 Deuteranopia 1% of men
#c16e75 Tritanopia 0.001% of the population

Trichromacy

#a27d3b Protanomaly 1% of men, 0.01% of women
#ad7935 Deuteranomaly 6% of men, 0.4% of women
#be6d5c Tritanomaly 0.01% of the population

#ba6d31 hex color

#ba6d31 Color Information

#ba6d31 Color Conversion

Color Schemes with #ba6d31

Alternatives to #ba6d31

#ba6d31 Preview

Shades and Tints of #ba6d31

Tones of #ba6d31

Color Blindness Simulator