colorhexa.com

#ba6031 hex color

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

- R 73
- G 38
- B 19
RGB color chart
- C 0
- M 48
- Y 74
- K 27
CMYK color chart

● #ba6031 color description : Moderate orange.

The hexadecimal color #ba6031 has RGB values of R:186, G:96, B:49 and CMYK values of C:0, M:0.48, Y:0.74, K:0.27. Its decimal value is 12214321.

Hex triplet	ba6031	`#ba6031`
RGB Decimal	186, 96, 49	`rgb(186,96,49)`
RGB Percent	72.9, 37.6, 19.2	`rgb(72.9%,37.6%,19.2%)`
CMYK	0, 48, 74, 27
HSL	20.6°, 58.3, 46.1	`hsl(20.6,58.3%,46.1%)`
HSV (or HSB)	20.6°, 73.7, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.721, 32.717, 42.184
XYZ	24.988, 19.029, 5.263
xyY	0.507, 0.386, 19.029
CIE-LCH	50.721, 53.384, 52.203
CIE-LUV	50.721, 71.584, 37.363
Hunter-Lab	43.622, 25.911, 23.383
Binary	10111010, 01100000, 00110001

#ba6031
```
#ba6031 rgb(186,96,49)
```
#318bba
```
#318bba rgb(49,139,186)
```

Complementary Color

#ba3146
```
#ba3146 rgb(186,49,70)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#baa531
```
#baa531 rgb(186,165,49)
```

Analogous Color

#3146ba
```
#3146ba rgb(49,70,186)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#31baa5
```
#31baa5 rgb(49,186,165)
```

Split Complementary Color

#6031ba
```
#6031ba rgb(96,49,186)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#31ba60
```
#31ba60 rgb(49,186,96)
```

Triadic Color

#ba318b
```
#ba318b rgb(186,49,139)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#31ba60
```
#31ba60 rgb(49,186,96)
```
#318bba
```
#318bba rgb(49,139,186)
```

Tetradic Color

#7d4121
```
#7d4121 rgb(125,65,33)
```
#924b26
```
#924b26 rgb(146,75,38)
```
#a6562c
```
#a6562c rgb(166,86,44)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#cb6b3a
```
#cb6b3a rgb(203,107,58)
```
#d07b4e
```
#d07b4e rgb(208,123,78)
```
#d68a62
```
#d68a62 rgb(214,138,98)
```

Monochromatic Color

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

#ba3e31
```
#ba3e31 rgb(186,62,49)
```
#ba4931
```
#ba4931 rgb(186,73,49)
```
#ba5531
```
#ba5531 rgb(186,85,49)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#ba6b31
```
#ba6b31 rgb(186,107,49)
```
#ba7731
```
#ba7731 rgb(186,119,49)
```
#ba8231
```
#ba8231 rgb(186,130,49)
```

Similar Colors

Text with hexadecimal color #ba6031

This text has a font color of #ba6031.

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

#ba6031 background color

This paragraph has a background color of #ba6031.

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

#ba6031 border color

This element has a border color of #ba6031.

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

CSS codes

.text {color:#ba6031;}

.background {background-color:#ba6031;}

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

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)
```
#1f1008
```
#1f1008 rgb(31,16,8)
```
#2e180c
```
#2e180c rgb(46,24,12)
```
#3e2010
```
#3e2010 rgb(62,32,16)
```
#4d2814
```
#4d2814 rgb(77,40,20)
```
#5d3018
```
#5d3018 rgb(93,48,24)
```
#6c381d
```
#6c381d rgb(108,56,29)
```
#7c4021
```
#7c4021 rgb(124,64,33)
```
#8b4825
```
#8b4825 rgb(139,72,37)
```
#9b5029
```
#9b5029 rgb(155,80,41)
```
#aa582d
```
#aa582d rgb(170,88,45)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#ca6835
```
#ca6835 rgb(202,104,53)
```

Shade Color Variation

#ce7444
```
#ce7444 rgb(206,116,68)
```
#d27f54
```
#d27f54 rgb(210,127,84)
```
#d68b63
```
#d68b63 rgb(214,139,99)
```
#da9673
```
#da9673 rgb(218,150,115)
```
#dea282
```
#dea282 rgb(222,162,130)
```
#e2ae92
```
#e2ae92 rgb(226,174,146)
```
#e6b9a2
```
#e6b9a2 rgb(230,185,162)
```
#eac5b1
```
#eac5b1 rgb(234,197,177)
```
#efd0c1
```
#efd0c1 rgb(239,208,193)
```
#f3dcd0
```
#f3dcd0 rgb(243,220,208)
```
#f7e8e0
```
#f7e8e0 rgb(247,232,224)
```
#fbf3ef
```
#fbf3ef rgb(251,243,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 #e75204 is the most saturated one.

#7b7470
```
#7b7470 rgb(123,116,112)
```
#847167
```
#847167 rgb(132,113,103)
```
#8d6e5e
```
#8d6e5e rgb(141,110,94)
```
#966b55
```
#966b55 rgb(150,107,85)
```
#9f694c
```
#9f694c rgb(159,105,76)
```
#a86643
```
#a86643 rgb(168,102,67)
```
#b1633a
```
#b1633a rgb(177,99,58)
```
#ba6031
```
#ba6031 rgb(186,96,49)
```
#c35d28
```
#c35d28 rgb(195,93,40)
```
#cc5a1f
```
#cc5a1f rgb(204,90,31)
```
#d55716
```
#d55716 rgb(213,87,22)
```
#de550d
```
#de550d rgb(222,85,13)
```
#e75204
```
#e75204 rgb(231,82,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f42 Protanopia 1% of men
#9d7936 Deuteranopia 1% of men
#c06369 Tritanopia 0.001% of the population

Trichromacy

#9d743c Protanomaly 1% of men, 0.01% of women
#a77034 Deuteranomaly 6% of men, 0.4% of women
#bd6154 Tritanomaly 0.01% of the population