#ba7a28 hex color

In a RGB color space, hex #ba7a28 is composed of 72.9% red, 47.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 78.5% yellow and 27.1% black. It has a hue angle of 33.7 degrees, a saturation of 64.6% and a lightness of 44.3%. #ba7a28 color hex could be obtained by blending #fff450 with #750000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 48
- B 16
RGB color chart
- C 0
- M 34
- Y 78
- K 27
CMYK color chart

● #ba7a28 color description : Strong orange.

The hexadecimal color #ba7a28 has RGB values of R:186, G:122, B:40 and CMYK values of C:0, M:0.34, Y:0.78, K:0.27. Its decimal value is 12220968.

Hex triplet	ba7a28	`#ba7a28`
RGB Decimal	186, 122, 40	`rgb(186,122,40)`
RGB Percent	72.9, 47.8, 15.7	`rgb(72.9%,47.8%,15.7%)`
CMYK	0, 34, 78, 27
HSL	33.7°, 64.6, 44.3	`hsl(33.7,64.6%,44.3%)`
HSV (or HSB)	33.7°, 78.5, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.598, 18.15, 52.21
XYZ	27.593, 24.513, 5.286
xyY	0.481, 0.427, 24.513
CIE-LCH	56.598, 55.275, 70.831
CIE-LUV	56.598, 51.951, 50.221
Hunter-Lab	49.511, 12.836, 28.328
Binary	10111010, 01111010, 00101000

#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#2868ba
```
#2868ba rgb(40,104,186)
```

Complementary Color

#ba3128
```
#ba3128 rgb(186,49,40)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#b1ba28
```
#b1ba28 rgb(177,186,40)
```

Analogous Color

#3128ba
```
#3128ba rgb(49,40,186)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#28b1ba
```
#28b1ba rgb(40,177,186)
```

Split Complementary Color

#7a28ba
```
#7a28ba rgb(122,40,186)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#28ba7a
```
#28ba7a rgb(40,186,122)
```

Triadic Color

#ba2868
```
#ba2868 rgb(186,40,104)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#28ba7a
```
#28ba7a rgb(40,186,122)
```
#2868ba
```
#2868ba rgb(40,104,186)
```

Tetradic Color

#7b511a
```
#7b511a rgb(123,81,26)
```
#905e1f
```
#905e1f rgb(144,94,31)
```
#a56c23
```
#a56c23 rgb(165,108,35)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#cf882d
```
#cf882d rgb(207,136,45)
```
#d6943f
```
#d6943f rgb(214,148,63)
```
#daa054
```
#daa054 rgb(218,160,84)
```

Monochromatic Color

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

#ba5628
```
#ba5628 rgb(186,86,40)
```
#ba6228
```
#ba6228 rgb(186,98,40)
```
#ba6e28
```
#ba6e28 rgb(186,110,40)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#ba8628
```
#ba8628 rgb(186,134,40)
```
#ba9228
```
#ba9228 rgb(186,146,40)
```
#ba9f28
```
#ba9f28 rgb(186,159,40)
```

Similar Colors

Text with hexadecimal color #ba7a28

This text has a font color of #ba7a28.

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

#ba7a28 background color

This paragraph has a background color of #ba7a28.

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

#ba7a28 border color

This element has a border color of #ba7a28.

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

CSS codes

.text {color:#ba7a28;}

.background {background-color:#ba7a28;}

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

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

#080602
```
#080602 rgb(8,6,2)
```
#191005
```
#191005 rgb(25,16,5)
```
#291b09
```
#291b09 rgb(41,27,9)
```
#39250c
```
#39250c rgb(57,37,12)
```
#493010
```
#493010 rgb(73,48,16)
```
#593a13
```
#593a13 rgb(89,58,19)
```
#694517
```
#694517 rgb(105,69,23)
```
#79501a
```
#79501a rgb(121,80,26)
```
#8a5a1e
```
#8a5a1e rgb(138,90,30)
```
#9a6521
```
#9a6521 rgb(154,101,33)
```
#aa6f25
```
#aa6f25 rgb(170,111,37)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#ca852b
```
#ca852b rgb(202,133,43)
```

Shade Color Variation

#d48e36
```
#d48e36 rgb(212,142,54)
```
#d79746
```
#d79746 rgb(215,151,70)
```
#dba056
```
#dba056 rgb(219,160,86)
```
#dea966
```
#dea966 rgb(222,169,102)
```
#e2b276
```
#e2b276 rgb(226,178,118)
```
#e5bb86
```
#e5bb86 rgb(229,187,134)
```
#e9c596
```
#e9c596 rgb(233,197,150)
```
#eccea7
```
#eccea7 rgb(236,206,167)
```
#efd7b7
```
#efd7b7 rgb(239,215,183)
```
#f3e0c7
```
#f3e0c7 rgb(243,224,199)
```
#f6e9d7
```
#f6e9d7 rgb(246,233,215)
```
#faf2e7
```
#faf2e7 rgb(250,242,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#74716e
```
#74716e rgb(116,113,110)
```
#7d7265
```
#7d7265 rgb(125,114,101)
```
#86745c
```
#86745c rgb(134,116,92)
```
#8f7553
```
#8f7553 rgb(143,117,83)
```
#97764b
```
#97764b rgb(151,118,75)
```
#a07742
```
#a07742 rgb(160,119,66)
```
#a97839
```
#a97839 rgb(169,120,57)
```
#b17931
```
#b17931 rgb(177,121,49)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```
#c37b1f
```
#c37b1f rgb(195,123,31)
```
#cb7c17
```
#cb7c17 rgb(203,124,23)
```
#d47d0e
```
#d47d0e rgb(212,125,14)
```
#dd7e05
```
#dd7e05 rgb(221,126,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8f8272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e36 Protanopia 1% of men
#b08730 Deuteranopia 1% of men
#c27981 Tritanopia 0.001% of the population

Trichromacy

#a88631 Protanomaly 1% of men, 0.01% of women
#b3822d Deuteranomaly 6% of men, 0.4% of women
#bf7960 Tritanomaly 0.01% of the population

#ba7a28 hex color

#ba7a28 Color Information

#ba7a28 Color Conversion

Color Schemes with #ba7a28

Alternatives to #ba7a28

#ba7a28 Preview

Shades and Tints of #ba7a28

Tones of #ba7a28

Color Blindness Simulator