#ba6631 hex color

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

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

● #ba6631 color description : Moderate orange.

The hexadecimal color #ba6631 has RGB values of R:186, G:102, B:49 and CMYK values of C:0, M:0.45, Y:0.74, K:0.27. Its decimal value is 12215857.

Hex triplet	ba6631	`#ba6631`
RGB Decimal	186, 102, 49	`rgb(186,102,49)`
RGB Percent	72.9, 40, 19.2	`rgb(72.9%,40%,19.2%)`
CMYK	0, 45, 74, 27
HSL	23.2°, 58.3, 46.1	`hsl(23.2,58.3%,46.1%)`
HSV (or HSB)	23.2°, 73.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.024, 29.51, 43.566
XYZ	25.556, 20.166, 5.452
xyY	0.499, 0.394, 20.166
CIE-LCH	52.024, 52.62, 55.888
CIE-LUV	52.024, 66.943, 39.662
Hunter-Lab	44.906, 22.999, 24.236
Binary	10111010, 01100110, 00110001

#ba6631
```
#ba6631 rgb(186,102,49)
```
#3185ba
```
#3185ba rgb(49,133,186)
```

Complementary Color

#ba3140
```
#ba3140 rgb(186,49,64)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#baab31
```
#baab31 rgb(186,171,49)
```

Analogous Color

#3140ba
```
#3140ba rgb(49,64,186)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#31baab
```
#31baab rgb(49,186,171)
```

Split Complementary Color

#6631ba
```
#6631ba rgb(102,49,186)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#31ba66
```
#31ba66 rgb(49,186,102)
```

Triadic Color

#ba3185
```
#ba3185 rgb(186,49,133)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#31ba66
```
#31ba66 rgb(49,186,102)
```
#3185ba
```
#3185ba rgb(49,133,186)
```

Tetradic Color

#7d4521
```
#7d4521 rgb(125,69,33)
```
#925026
```
#925026 rgb(146,80,38)
```
#a65b2c
```
#a65b2c rgb(166,91,44)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#cb723a
```
#cb723a rgb(203,114,58)
```
#d0804e
```
#d0804e rgb(208,128,78)
```
#d68f62
```
#d68f62 rgb(214,143,98)
```

Monochromatic Color

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

#ba4431
```
#ba4431 rgb(186,68,49)
```
#ba4f31
```
#ba4f31 rgb(186,79,49)
```
#ba5b31
```
#ba5b31 rgb(186,91,49)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#ba7131
```
#ba7131 rgb(186,113,49)
```
#ba7d31
```
#ba7d31 rgb(186,125,49)
```
#ba8831
```
#ba8831 rgb(186,136,49)
```

Similar Colors

Text with hexadecimal color #ba6631

This text has a font color of #ba6631.

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

#ba6631 background color

This paragraph has a background color of #ba6631.

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

#ba6631 border color

This element has a border color of #ba6631.

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

CSS codes

.text {color:#ba6631;}

.background {background-color:#ba6631;}

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

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

#0f0804
```
#0f0804 rgb(15,8,4)
```
#1f1108
```
#1f1108 rgb(31,17,8)
```
#2e190c
```
#2e190c rgb(46,25,12)
```
#3e2210
```
#3e2210 rgb(62,34,16)
```
#4d2a14
```
#4d2a14 rgb(77,42,20)
```
#5d3318
```
#5d3318 rgb(93,51,24)
```
#6c3b1d
```
#6c3b1d rgb(108,59,29)
```
#7c4421
```
#7c4421 rgb(124,68,33)
```
#8b4c25
```
#8b4c25 rgb(139,76,37)
```
#9b5529
```
#9b5529 rgb(155,85,41)
```
#aa5d2d
```
#aa5d2d rgb(170,93,45)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#ca6f35
```
#ca6f35 rgb(202,111,53)
```

Shade Color Variation

#ce7a44
```
#ce7a44 rgb(206,122,68)
```
#d28554
```
#d28554 rgb(210,133,84)
```
#d69063
```
#d69063 rgb(214,144,99)
```
#da9b73
```
#da9b73 rgb(218,155,115)
```
#dea682
```
#dea682 rgb(222,166,130)
```
#e2b192
```
#e2b192 rgb(226,177,146)
```
#e6bca2
```
#e6bca2 rgb(230,188,162)
```
#eac7b1
```
#eac7b1 rgb(234,199,177)
```
#efd2c1
```
#efd2c1 rgb(239,210,193)
```
#f3ddd0
```
#f3ddd0 rgb(243,221,208)
```
#f7e9e0
```
#f7e9e0 rgb(247,233,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, #7b7470 is the less saturated color, while #e75c04 is the most saturated one.

#7b7470
```
#7b7470 rgb(123,116,112)
```
#847267
```
#847267 rgb(132,114,103)
```
#8d705e
```
#8d705e rgb(141,112,94)
```
#966e55
```
#966e55 rgb(150,110,85)
```
#9f6c4c
```
#9f6c4c rgb(159,108,76)
```
#a86a43
```
#a86a43 rgb(168,106,67)
```
#b1683a
```
#b1683a rgb(177,104,58)
```
#ba6631
```
#ba6631 rgb(186,102,49)
```
#c36428
```
#c36428 rgb(195,100,40)
```
#cc621f
```
#cc621f rgb(204,98,31)
```
#d56016
```
#d56016 rgb(213,96,22)
```
#de5e0d
```
#de5e0d rgb(222,94,13)
```
#e75c04
```
#e75c04 rgb(231,92,4)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#86756b Atypical Achromatopsia 0.001% of the population

Dichromacy

#908241 Protanopia 1% of men
#a17c36 Deuteranopia 1% of men
#c0686e Tritanopia 0.001% of the population

Trichromacy

#9f783b Protanomaly 1% of men, 0.01% of women
#aa7434 Deuteranomaly 6% of men, 0.4% of women
#be6758 Tritanomaly 0.01% of the population

#ba6631 hex color

#ba6631 Color Information

#ba6631 Color Conversion

Color Schemes with #ba6631

Alternatives to #ba6631

#ba6631 Preview

Shades and Tints of #ba6631

Tones of #ba6631

Color Blindness Simulator