#ba8a25 hex color

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

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

● #ba8a25 color description : Strong orange.

The hexadecimal color #ba8a25 has RGB values of R:186, G:138, B:37 and CMYK values of C:0, M:0.26, Y:0.8, K:0.27. Its decimal value is 12225061.

Hex triplet	ba8a25	`#ba8a25`
RGB Decimal	186, 138, 37	`rgb(186,138,37)`
RGB Percent	72.9, 54.1, 14.5	`rgb(72.9%,54.1%,14.5%)`
CMYK	0, 26, 80, 27
HSL	40.7°, 66.8, 43.7	`hsl(40.7,66.8%,43.7%)`
HSV (or HSB)	40.7°, 80.1, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.561, 9.183, 57.024
XYZ	29.673, 28.751, 5.737
xyY	0.462, 0.448, 28.751
CIE-LCH	60.561, 57.759, 80.851
CIE-LUV	60.561, 39.67, 57.341
Hunter-Lab	53.62, 4.944, 31.191
Binary	10111010, 10001010, 00100101

#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#2555ba
```
#2555ba rgb(37,85,186)
```

Complementary Color

#ba4025
```
#ba4025 rgb(186,64,37)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#a0ba25
```
#a0ba25 rgb(160,186,37)
```

Analogous Color

#3f25ba
```
#3f25ba rgb(63,37,186)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#25a0ba
```
#25a0ba rgb(37,160,186)
```

Split Complementary Color

#8a25ba
```
#8a25ba rgb(138,37,186)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#25ba8a
```
#25ba8a rgb(37,186,138)
```

Triadic Color

#ba2555
```
#ba2555 rgb(186,37,85)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#25ba8a
```
#25ba8a rgb(37,186,138)
```
#2555ba
```
#2555ba rgb(37,85,186)
```

Tetradic Color

#7a5b18
```
#7a5b18 rgb(122,91,24)
```
#8f6a1d
```
#8f6a1d rgb(143,106,29)
```
#a57a21
```
#a57a21 rgb(165,122,33)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#cf9a29
```
#cf9a29 rgb(207,154,41)
```
#d8a53a
```
#d8a53a rgb(216,165,58)
```
#dcaf4f
```
#dcaf4f rgb(220,175,79)
```

Monochromatic Color

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

#ba6525
```
#ba6525 rgb(186,101,37)
```
#ba7125
```
#ba7125 rgb(186,113,37)
```
#ba7e25
```
#ba7e25 rgb(186,126,37)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#ba9625
```
#ba9625 rgb(186,150,37)
```
#baa325
```
#baa325 rgb(186,163,37)
```
#baaf25
```
#baaf25 rgb(186,175,37)
```

Similar Colors

Text with hexadecimal color #ba8a25

This text has a font color of #ba8a25.

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

#ba8a25 background color

This paragraph has a background color of #ba8a25.

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

#ba8a25 border color

This element has a border color of #ba8a25.

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

CSS codes

.text {color:#ba8a25;}

.background {background-color:#ba8a25;}

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

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)
```
#161104
```
#161104 rgb(22,17,4)
```
#271d08
```
#271d08 rgb(39,29,8)
```
#37290b
```
#37290b rgb(55,41,11)
```
#47350e
```
#47350e rgb(71,53,14)
```
#584111
```
#584111 rgb(88,65,17)
```
#684d15
```
#684d15 rgb(104,77,21)
```
#795918
```
#795918 rgb(121,89,24)
```
#89661b
```
#89661b rgb(137,102,27)
```
#99721e
```
#99721e rgb(153,114,30)
```
#aa7e22
```
#aa7e22 rgb(170,126,34)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#ca9628
```
#ca9628 rgb(202,150,40)
```

Shade Color Variation

#d6a130
```
#d6a130 rgb(214,161,48)
```
#d9a841
```
#d9a841 rgb(217,168,65)
```
#dcb051
```
#dcb051 rgb(220,176,81)
```
#e0b761
```
#e0b761 rgb(224,183,97)
```
#e3be72
```
#e3be72 rgb(227,190,114)
```
#e6c682
```
#e6c682 rgb(230,198,130)
```
#e9cd93
```
#e9cd93 rgb(233,205,147)
```
#edd5a3
```
#edd5a3 rgb(237,213,163)
```
#f0dcb3
```
#f0dcb3 rgb(240,220,179)
```
#f3e4c4
```
#f3e4c4 rgb(243,228,196)
```
#f6ebd4
```
#f6ebd4 rgb(246,235,212)
```
#faf3e4
```
#faf3e4 rgb(250,243,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#75726a
```
#75726a rgb(117,114,106)
```
#7e7561
```
#7e7561 rgb(126,117,97)
```
#877858
```
#877858 rgb(135,120,88)
```
#8f7b50
```
#8f7b50 rgb(143,123,80)
```
#987e47
```
#987e47 rgb(152,126,71)
```
#a0813f
```
#a0813f rgb(160,129,63)
```
#a98436
```
#a98436 rgb(169,132,54)
```
#b1872e
```
#b1872e rgb(177,135,46)
```
#ba8a25
```
#ba8a25 rgb(186,138,37)
```
#c38d1c
```
#c38d1c rgb(195,141,28)
```
#cb9014
```
#cb9014 rgb(203,144,20)
```
#d4930b
```
#d4930b rgb(212,147,11)
```
#dc9603
```
#dc9603 rgb(220,150,3)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#968c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99732 Protanopia 1% of men
#bc9030 Deuteranopia 1% of men
#c48790 Tritanopia 0.001% of the population

Trichromacy

#af922d Protanomaly 1% of men, 0.01% of women
#bb8e2c Deuteranomaly 6% of men, 0.4% of women
#c08869 Tritanomaly 0.01% of the population

#ba8a25 hex color

#ba8a25 Color Information

#ba8a25 Color Conversion

Color Schemes with #ba8a25

Alternatives to #ba8a25

#ba8a25 Preview

Shades and Tints of #ba8a25

Tones of #ba8a25

Color Blindness Simulator