#ba7b28 hex color

In a RGB color space, hex #ba7b28 is composed of 72.9% red, 48.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 78.5% yellow and 27.1% black. It has a hue angle of 34.1 degrees, a saturation of 64.6% and a lightness of 44.3%. #ba7b28 color hex could be obtained by blending #fff650 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

● #ba7b28 color description : Strong orange.

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

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

CIE-LAB	56.841, 17.596, 52.44
XYZ	27.716, 24.76, 5.327
xyY	0.479, 0.428, 24.76
CIE-LCH	56.841, 55.314, 71.451
CIE-LUV	56.841, 51.165, 50.619
Hunter-Lab	49.76, 12.346, 28.485
Binary	10111010, 01111011, 00101000

#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#2867ba
```
#2867ba rgb(40,103,186)
```

Complementary Color

#ba3228
```
#ba3228 rgb(186,50,40)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#b0ba28
```
#b0ba28 rgb(176,186,40)
```

Analogous Color

#3228ba
```
#3228ba rgb(50,40,186)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#28b0ba
```
#28b0ba rgb(40,176,186)
```

Split Complementary Color

#7b28ba
```
#7b28ba rgb(123,40,186)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#28ba7b
```
#28ba7b rgb(40,186,123)
```

Triadic Color

#ba2867
```
#ba2867 rgb(186,40,103)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#28ba7b
```
#28ba7b rgb(40,186,123)
```
#2867ba
```
#2867ba rgb(40,103,186)
```

Tetradic Color

#7b511a
```
#7b511a rgb(123,81,26)
```
#905f1f
```
#905f1f rgb(144,95,31)
```
#a56d23
```
#a56d23 rgb(165,109,35)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#cf892d
```
#cf892d rgb(207,137,45)
```
#d6953f
```
#d6953f rgb(214,149,63)
```
#daa054
```
#daa054 rgb(218,160,84)
```

Monochromatic Color

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

#ba5728
```
#ba5728 rgb(186,87,40)
```
#ba6328
```
#ba6328 rgb(186,99,40)
```
#ba6f28
```
#ba6f28 rgb(186,111,40)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#ba8728
```
#ba8728 rgb(186,135,40)
```
#ba9328
```
#ba9328 rgb(186,147,40)
```
#baa028
```
#baa028 rgb(186,160,40)
```

Similar Colors

Text with hexadecimal color #ba7b28

This text has a font color of #ba7b28.

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

#ba7b28 background color

This paragraph has a background color of #ba7b28.

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

#ba7b28 border color

This element has a border color of #ba7b28.

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

CSS codes

.text {color:#ba7b28;}

.background {background-color:#ba7b28;}

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

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)
```
#39260c
```
#39260c rgb(57,38,12)
```
#493010
```
#493010 rgb(73,48,16)
```
#593b13
```
#593b13 rgb(89,59,19)
```
#694617
```
#694617 rgb(105,70,23)
```
#79501a
```
#79501a rgb(121,80,26)
```
#8a5b1e
```
#8a5b1e rgb(138,91,30)
```
#9a6621
```
#9a6621 rgb(154,102,33)
```
#aa7025
```
#aa7025 rgb(170,112,37)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#ca862b
```
#ca862b rgb(202,134,43)
```

Shade Color Variation

#d48f36
```
#d48f36 rgb(212,143,54)
```
#d79846
```
#d79846 rgb(215,152,70)
```
#dba156
```
#dba156 rgb(219,161,86)
```
#deaa66
```
#deaa66 rgb(222,170,102)
```
#e2b376
```
#e2b376 rgb(226,179,118)
```
#e5bc86
```
#e5bc86 rgb(229,188,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 #dd8005 is the most saturated one.

#74716e
```
#74716e rgb(116,113,110)
```
#7d7365
```
#7d7365 rgb(125,115,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)
```
#a97939
```
#a97939 rgb(169,121,57)
```
#b17a31
```
#b17a31 rgb(177,122,49)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```
#c37c1f
```
#c37c1f rgb(195,124,31)
```
#cb7d17
```
#cb7d17 rgb(203,125,23)
```
#d47f0e
```
#d47f0e rgb(212,127,14)
```
#dd8005
```
#dd8005 rgb(221,128,5)
```

Tone Color Variation

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

#9e8e36 Protanopia 1% of men
#b08730 Deuteranopia 1% of men
#c27a82 Tritanopia 0.001% of the population

Trichromacy

#a88731 Protanomaly 1% of men, 0.01% of women
#b4832d Deuteranomaly 6% of men, 0.4% of women
#bf7a61 Tritanomaly 0.01% of the population

#ba7b28 hex color

#ba7b28 Color Information

#ba7b28 Color Conversion

Color Schemes with #ba7b28

Alternatives to #ba7b28

#ba7b28 Preview

Shades and Tints of #ba7b28

Tones of #ba7b28

Color Blindness Simulator