colorhexa.com

#ba6a38 hex color

In a RGB color space, hex #ba6a38 is composed of 72.9% red, 41.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 69.9% yellow and 27.1% black. It has a hue angle of 23.1 degrees, a saturation of 53.7% and a lightness of 47.5%. #ba6a38 color hex could be obtained by blending #ffd470 with #750000. Closest websafe color is: #cc6633.

- R 73
- G 42
- B 22
RGB color chart
- C 0
- M 43
- Y 70
- K 27
CMYK color chart

● #ba6a38 color description : Moderate orange.

The hexadecimal color #ba6a38 has RGB values of R:186, G:106, B:56 and CMYK values of C:0, M:0.43, Y:0.7, K:0.27. Its decimal value is 12216888.

Hex triplet	ba6a38	`#ba6a38`
RGB Decimal	186, 106, 56	`rgb(186,106,56)`
RGB Percent	72.9, 41.6, 22	`rgb(72.9%,41.6%,22%)`
CMYK	0, 43, 70, 27
HSL	23.1°, 53.7, 47.5	`hsl(23.1,53.7%,47.5%)`
HSV (or HSB)	23.1°, 69.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.988, 27.706, 41.077
XYZ	26.118, 21.035, 6.426
xyY	0.487, 0.393, 21.035
CIE-LCH	52.988, 49.548, 56.001
CIE-LUV	52.988, 63.115, 38.71
Hunter-Lab	45.864, 21.39, 23.798
Binary	10111010, 01101010, 00111000

#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#3888ba
```
#3888ba rgb(56,136,186)
```

Complementary Color

#ba3847
```
#ba3847 rgb(186,56,71)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#baab38
```
#baab38 rgb(186,171,56)
```

Analogous Color

#3847ba
```
#3847ba rgb(56,71,186)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#38baab
```
#38baab rgb(56,186,171)
```

Split Complementary Color

#6a38ba
```
#6a38ba rgb(106,56,186)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#38ba6a
```
#38ba6a rgb(56,186,106)
```

Triadic Color

#ba3888
```
#ba3888 rgb(186,56,136)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#38ba6a
```
#38ba6a rgb(56,186,106)
```
#3888ba
```
#3888ba rgb(56,136,186)
```

Tetradic Color

#7f4826
```
#7f4826 rgb(127,72,38)
```
#93542c
```
#93542c rgb(147,84,44)
```
#a65f32
```
#a65f32 rgb(166,95,50)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#c77745
```
#c77745 rgb(199,119,69)
```
#cd8558
```
#cd8558 rgb(205,133,88)
```
#d3936c
```
#d3936c rgb(211,147,108)
```

Monochromatic Color

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

#ba4a38
```
#ba4a38 rgb(186,74,56)
```
#ba5438
```
#ba5438 rgb(186,84,56)
```
#ba5f38
```
#ba5f38 rgb(186,95,56)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#ba7538
```
#ba7538 rgb(186,117,56)
```
#ba8038
```
#ba8038 rgb(186,128,56)
```
#ba8b38
```
#ba8b38 rgb(186,139,56)
```

Similar Colors

Text with hexadecimal color #ba6a38

This text has a font color of #ba6a38.

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

#ba6a38 background color

This paragraph has a background color of #ba6a38.

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

#ba6a38 border color

This element has a border color of #ba6a38.

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

CSS codes

.text {color:#ba6a38;}

.background {background-color:#ba6a38;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#140b06
```
#140b06 rgb(20,11,6)
```
#23140b
```
#23140b rgb(35,20,11)
```
#321d0f
```
#321d0f rgb(50,29,15)
```
#412514
```
#412514 rgb(65,37,20)
```
#502e18
```
#502e18 rgb(80,46,24)
```
#60361d
```
#60361d rgb(96,54,29)
```
#6f3f21
```
#6f3f21 rgb(111,63,33)
```
#7e4826
```
#7e4826 rgb(126,72,38)
```
#8d502a
```
#8d502a rgb(141,80,42)
```
#9c592f
```
#9c592f rgb(156,89,47)
```
#ab6133
```
#ab6133 rgb(171,97,51)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```

Shade Color Variation

#c67340
```
#c67340 rgb(198,115,64)
```
#ca7e4f
```
#ca7e4f rgb(202,126,79)
```
#cf895e
```
#cf895e rgb(207,137,94)
```
#d3946d
```
#d3946d rgb(211,148,109)
```
#d8a07c
```
#d8a07c rgb(216,160,124)
```
#dcab8b
```
#dcab8b rgb(220,171,139)
```
#e1b69b
```
#e1b69b rgb(225,182,155)
```
#e5c1aa
```
#e5c1aa rgb(229,193,170)
```
#eaccb9
```
#eaccb9 rgb(234,204,185)
```
#eed7c8
```
#eed7c8 rgb(238,215,200)
```
#f3e2d7
```
#f3e2d7 rgb(243,226,215)
```
#f7ede6
```
#f7ede6 rgb(247,237,230)
```
#fcf8f5
```
#fcf8f5 rgb(252,248,245)
```

Tint Color Variation

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

#827770
```
#827770 rgb(130,119,112)
```
#8b7567
```
#8b7567 rgb(139,117,103)
```
#95735d
```
#95735d rgb(149,115,93)
```
#9e7054
```
#9e7054 rgb(158,112,84)
```
#a76e4b
```
#a76e4b rgb(167,110,75)
```
#b16c41
```
#b16c41 rgb(177,108,65)
```
#ba6a38
```
#ba6a38 rgb(186,106,56)
```
#c3682f
```
#c3682f rgb(195,104,47)
```
#cd6625
```
#cd6625 rgb(205,102,37)
```
#d6641c
```
#d6641c rgb(214,100,28)
```
#df6113
```
#df6113 rgb(223,97,19)
```
#e95f09
```
#e95f09 rgb(233,95,9)
```
#f25d00
```
#f25d00 rgb(242,93,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#88786e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928548 Protanopia 1% of men
#a37f3e Deuteranopia 1% of men
#c06c73 Tritanopia 0.001% of the population

Trichromacy

#a07b42 Protanomaly 1% of men, 0.01% of women
#ab773b Deuteranomaly 6% of men, 0.4% of women
#be6b5d Tritanomaly 0.01% of the population