#ba5528 hex color

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

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

● #ba5528 color description : Strong orange.

The hexadecimal color #ba5528 has RGB values of R:186, G:85, B:40 and CMYK values of C:0, M:0.54, Y:0.78, K:0.27. Its decimal value is 12211496.

Hex triplet	ba5528	`#ba5528`
RGB Decimal	186, 85, 40	`rgb(186,85,40)`
RGB Percent	72.9, 33.3, 15.7	`rgb(72.9%,33.3%,15.7%)`
CMYK	0, 54, 78, 27
HSL	18.5°, 64.6, 44.3	`hsl(18.5,64.6%,44.3%)`
HSV (or HSB)	18.5°, 78.5, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.375, 38.031, 44.237
XYZ	23.882, 17.092, 4.049
xyY	0.53, 0.38, 17.092
CIE-LCH	48.375, 58.338, 49.314
CIE-LUV	48.375, 81.038, 36.308
Hunter-Lab	41.342, 30.766, 23.133
Binary	10111010, 01010101, 00101000

#ba5528
```
#ba5528 rgb(186,85,40)
```
#288dba
```
#288dba rgb(40,141,186)
```

Complementary Color

#ba2844
```
#ba2844 rgb(186,40,68)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#ba9e28
```
#ba9e28 rgb(186,158,40)
```

Analogous Color

#2844ba
```
#2844ba rgb(40,68,186)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#28ba9e
```
#28ba9e rgb(40,186,158)
```

Split Complementary Color

#5528ba
```
#5528ba rgb(85,40,186)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#28ba55
```
#28ba55 rgb(40,186,85)
```

Triadic Color

#ba288d
```
#ba288d rgb(186,40,141)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#28ba55
```
#28ba55 rgb(40,186,85)
```
#288dba
```
#288dba rgb(40,141,186)
```

Tetradic Color

#7b381a
```
#7b381a rgb(123,56,26)
```
#90421f
```
#90421f rgb(144,66,31)
```
#a54b23
```
#a54b23 rgb(165,75,35)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#cf5f2d
```
#cf5f2d rgb(207,95,45)
```
#d66e3f
```
#d66e3f rgb(214,110,63)
```
#da7e54
```
#da7e54 rgb(218,126,84)
```

Monochromatic Color

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

#ba3128
```
#ba3128 rgb(186,49,40)
```
#ba3d28
```
#ba3d28 rgb(186,61,40)
```
#ba4928
```
#ba4928 rgb(186,73,40)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#ba6128
```
#ba6128 rgb(186,97,40)
```
#ba6d28
```
#ba6d28 rgb(186,109,40)
```
#ba7a28
```
#ba7a28 rgb(186,122,40)
```

Similar Colors

Text with hexadecimal color #ba5528

This text has a font color of #ba5528.

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

#ba5528 background color

This paragraph has a background color of #ba5528.

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

#ba5528 border color

This element has a border color of #ba5528.

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

CSS codes

.text {color:#ba5528;}

.background {background-color:#ba5528;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#190b05
```
#190b05 rgb(25,11,5)
```
#291309
```
#291309 rgb(41,19,9)
```
#391a0c
```
#391a0c rgb(57,26,12)
```
#492110
```
#492110 rgb(73,33,16)
```
#592913
```
#592913 rgb(89,41,19)
```
#693017
```
#693017 rgb(105,48,23)
```
#79371a
```
#79371a rgb(121,55,26)
```
#8a3f1e
```
#8a3f1e rgb(138,63,30)
```
#9a4621
```
#9a4621 rgb(154,70,33)
```
#aa4e25
```
#aa4e25 rgb(170,78,37)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#ca5c2b
```
#ca5c2b rgb(202,92,43)
```

Shade Color Variation

#d46636
```
#d46636 rgb(212,102,54)
```
#d77346
```
#d77346 rgb(215,115,70)
```
#db7f56
```
#db7f56 rgb(219,127,86)
```
#de8b66
```
#de8b66 rgb(222,139,102)
```
#e29776
```
#e29776 rgb(226,151,118)
```
#e5a386
```
#e5a386 rgb(229,163,134)
```
#e9b096
```
#e9b096 rgb(233,176,150)
```
#ecbca7
```
#ecbca7 rgb(236,188,167)
```
#efc8b7
```
#efc8b7 rgb(239,200,183)
```
#f3d4c7
```
#f3d4c7 rgb(243,212,199)
```
#f6e1d7
```
#f6e1d7 rgb(246,225,215)
```
#faede7
```
#faede7 rgb(250,237,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#74706e
```
#74706e rgb(116,112,110)
```
#7d6c65
```
#7d6c65 rgb(125,108,101)
```
#86695c
```
#86695c rgb(134,105,92)
```
#8f6653
```
#8f6653 rgb(143,102,83)
```
#97624b
```
#97624b rgb(151,98,75)
```
#a05f42
```
#a05f42 rgb(160,95,66)
```
#a95c39
```
#a95c39 rgb(169,92,57)
```
#b15831
```
#b15831 rgb(177,88,49)
```
#ba5528
```
#ba5528 rgb(186,85,40)
```
#c3521f
```
#c3521f rgb(195,82,31)
```
#cb4e17
```
#cb4e17 rgb(203,78,23)
```
#d44b0e
```
#d44b0e rgb(212,75,14)
```
#dd4805
```
#dd4805 rgb(221,72,5)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a3b Protanopia 1% of men
#97742b Deuteranopia 1% of men
#bf595e Tritanopia 0.001% of the population

Trichromacy

#996c34 Protanomaly 1% of men, 0.01% of women
#a3692a Deuteranomaly 6% of men, 0.4% of women
#bd574a Tritanomaly 0.01% of the population

#ba5528 hex color

#ba5528 Color Information

#ba5528 Color Conversion

Color Schemes with #ba5528

Alternatives to #ba5528

#ba5528 Preview

Shades and Tints of #ba5528

Tones of #ba5528

Color Blindness Simulator