#ba8525 hex color

In a RGB color space, hex #ba8525 is composed of 72.9% red, 52.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.5% magenta, 80.1% yellow and 27.1% black. It has a hue angle of 38.7 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba8525 color hex could be obtained by blending #ffff4a with #750b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 52
- B 15
RGB color chart
- C 0
- M 28
- Y 80
- K 27
CMYK color chart

● #ba8525 color description : Strong orange.

The hexadecimal color #ba8525 has RGB values of R:186, G:133, B:37 and CMYK values of C:0, M:0.28, Y:0.8, K:0.27. Its decimal value is 12223781.

Hex triplet	ba8525	`#ba8525`
RGB Decimal	186, 133, 37	`rgb(186,133,37)`
RGB Percent	72.9, 52.2, 14.5	`rgb(72.9%,52.2%,14.5%)`
CMYK	0, 28, 80, 27
HSL	38.7°, 66.8, 43.7	`hsl(38.7,66.8%,43.7%)`
HSV (or HSB)	38.7°, 80.1, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.296, 11.944, 55.875
XYZ	28.972, 27.349, 5.503
xyY	0.469, 0.442, 27.349
CIE-LCH	59.296, 57.137, 77.934
CIE-LUV	59.296, 43.517, 55.334
Hunter-Lab	52.297, 7.368, 30.369
Binary	10111010, 10000101, 00100101

#ba8525
```
#ba8525 rgb(186,133,37)
```
#255aba
```
#255aba rgb(37,90,186)
```

Complementary Color

#ba3b25
```
#ba3b25 rgb(186,59,37)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#a5ba25
```
#a5ba25 rgb(165,186,37)
```

Analogous Color

#3b25ba
```
#3b25ba rgb(59,37,186)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#25a5ba
```
#25a5ba rgb(37,165,186)
```

Split Complementary Color

#8525ba
```
#8525ba rgb(133,37,186)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#25ba85
```
#25ba85 rgb(37,186,133)
```

Triadic Color

#ba255a
```
#ba255a rgb(186,37,90)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#25ba85
```
#25ba85 rgb(37,186,133)
```
#255aba
```
#255aba rgb(37,90,186)
```

Tetradic Color

#7a5718
```
#7a5718 rgb(122,87,24)
```
#8f671d
```
#8f671d rgb(143,103,29)
```
#a57621
```
#a57621 rgb(165,118,33)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#cf9429
```
#cf9429 rgb(207,148,41)
```
#d8a03a
```
#d8a03a rgb(216,160,58)
```
#dcaa4f
```
#dcaa4f rgb(220,170,79)
```

Monochromatic Color

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

#ba6025
```
#ba6025 rgb(186,96,37)
```
#ba6c25
```
#ba6c25 rgb(186,108,37)
```
#ba7925
```
#ba7925 rgb(186,121,37)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#ba9125
```
#ba9125 rgb(186,145,37)
```
#ba9e25
```
#ba9e25 rgb(186,158,37)
```
#baaa25
```
#baaa25 rgb(186,170,37)
```

Similar Colors

Text with hexadecimal color #ba8525

This text has a font color of #ba8525.

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

#ba8525 background color

This paragraph has a background color of #ba8525.

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

#ba8525 border color

This element has a border color of #ba8525.

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

CSS codes

.text {color:#ba8525;}

.background {background-color:#ba8525;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#161004
```
#161004 rgb(22,16,4)
```
#271c08
```
#271c08 rgb(39,28,8)
```
#37270b
```
#37270b rgb(55,39,11)
```
#47330e
```
#47330e rgb(71,51,14)
```
#583f11
```
#583f11 rgb(88,63,17)
```
#684b15
```
#684b15 rgb(104,75,21)
```
#795618
```
#795618 rgb(121,86,24)
```
#89621b
```
#89621b rgb(137,98,27)
```
#996e1e
```
#996e1e rgb(153,110,30)
```
#aa7922
```
#aa7922 rgb(170,121,34)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#ca9128
```
#ca9128 rgb(202,145,40)
```

Shade Color Variation

#d69b30
```
#d69b30 rgb(214,155,48)
```
#d9a341
```
#d9a341 rgb(217,163,65)
```
#dcab51
```
#dcab51 rgb(220,171,81)
```
#e0b361
```
#e0b361 rgb(224,179,97)
```
#e3bb72
```
#e3bb72 rgb(227,187,114)
```
#e6c382
```
#e6c382 rgb(230,195,130)
```
#e9cb93
```
#e9cb93 rgb(233,203,147)
```
#edd2a3
```
#edd2a3 rgb(237,210,163)
```
#f0dab3
```
#f0dab3 rgb(240,218,179)
```
#f3e2c4
```
#f3e2c4 rgb(243,226,196)
```
#f6ead4
```
#f6ead4 rgb(246,234,212)
```
#faf2e4
```
#faf2e4 rgb(250,242,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#75716a
```
#75716a rgb(117,113,106)
```
#7e7461
```
#7e7461 rgb(126,116,97)
```
#877658
```
#877658 rgb(135,118,88)
```
#8f7950
```
#8f7950 rgb(143,121,80)
```
#987b47
```
#987b47 rgb(152,123,71)
```
#a07e3f
```
#a07e3f rgb(160,126,63)
```
#a98036
```
#a98036 rgb(169,128,54)
```
#b1832e
```
#b1832e rgb(177,131,46)
```
#ba8525
```
#ba8525 rgb(186,133,37)
```
#c3871c
```
#c3871c rgb(195,135,28)
```
#cb8a14
```
#cb8a14 rgb(203,138,20)
```
#d48c0b
```
#d48c0b rgb(212,140,11)
```
#dc8f03
```
#dc8f03 rgb(220,143,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59432 Protanopia 1% of men
#b88d2f Deuteranopia 1% of men
#c3828b Tritanopia 0.001% of the population

Trichromacy

#ad8f2d Protanomaly 1% of men, 0.01% of women
#b98a2b Deuteranomaly 6% of men, 0.4% of women
#c08366 Tritanomaly 0.01% of the population

#ba8525 hex color

#ba8525 Color Information

#ba8525 Color Conversion

Color Schemes with #ba8525

Alternatives to #ba8525

#ba8525 Preview

Shades and Tints of #ba8525

Tones of #ba8525

Color Blindness Simulator