#ba942b hex color

In a RGB color space, hex #ba942b is composed of 72.9% red, 58% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 76.9% yellow and 27.1% black. It has a hue angle of 44.1 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba942b color hex could be obtained by blending #ffff56 with #752900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 58
- B 17
RGB color chart
- C 0
- M 20
- Y 77
- K 27
CMYK color chart

● #ba942b color description : Strong orange.

The hexadecimal color #ba942b has RGB values of R:186, G:148, B:43 and CMYK values of C:0, M:0.2, Y:0.77, K:0.27. Its decimal value is 12227627.

Hex triplet	ba942b	`#ba942b`
RGB Decimal	186, 148, 43	`rgb(186,148,43)`
RGB Percent	72.9, 58, 16.9	`rgb(72.9%,58%,16.9%)`
CMYK	0, 20, 77, 27
HSL	44.1°, 62.4, 44.9	`hsl(44.1,62.4%,44.9%)`
HSV (or HSB)	44.1°, 76.9, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.173, 3.93, 57.252
XYZ	31.276, 31.795, 6.775
xyY	0.448, 0.455, 31.795
CIE-LCH	63.173, 57.387, 86.073
CIE-LUV	63.173, 31.919, 60.02
Hunter-Lab	56.387, 0.332, 32.347
Binary	10111010, 10010100, 00101011

#ba942b
```
#ba942b rgb(186,148,43)
```
#2b51ba
```
#2b51ba rgb(43,81,186)
```

Complementary Color

#ba4d2b
```
#ba4d2b rgb(186,77,43)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#99ba2b
```
#99ba2b rgb(153,186,43)
```

Analogous Color

#4d2bba
```
#4d2bba rgb(77,43,186)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#2b99ba
```
#2b99ba rgb(43,153,186)
```

Split Complementary Color

#942bba
```
#942bba rgb(148,43,186)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#2bba94
```
#2bba94 rgb(43,186,148)
```

Triadic Color

#ba2b51
```
#ba2b51 rgb(186,43,81)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#2bba94
```
#2bba94 rgb(43,186,148)
```
#2b51ba
```
#2b51ba rgb(43,81,186)
```

Tetradic Color

#7c631d
```
#7c631d rgb(124,99,29)
```
#917321
```
#917321 rgb(145,115,33)
```
#a58426
```
#a58426 rgb(165,132,38)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#cfa430
```
#cfa430 rgb(207,164,48)
```
#d4ae44
```
#d4ae44 rgb(212,174,68)
```
#d9b759
```
#d9b759 rgb(217,183,89)
```

Monochromatic Color

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

#ba702b
```
#ba702b rgb(186,112,43)
```
#ba7c2b
```
#ba7c2b rgb(186,124,43)
```
#ba882b
```
#ba882b rgb(186,136,43)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#baa02b
```
#baa02b rgb(186,160,43)
```
#baac2b
```
#baac2b rgb(186,172,43)
```
#bab82b
```
#bab82b rgb(186,184,43)
```

Similar Colors

Text with hexadecimal color #ba942b

This text has a font color of #ba942b.

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

#ba942b background color

This paragraph has a background color of #ba942b.

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

#ba942b border color

This element has a border color of #ba942b.

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

CSS codes

.text {color:#ba942b;}

.background {background-color:#ba942b;}

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

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, #0b0902 is the darkest color, while #fefdfa is the lightest one.

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1b1506
```
#1b1506 rgb(27,21,6)
```
#2b220a
```
#2b220a rgb(43,34,10)
```
#3b2f0e
```
#3b2f0e rgb(59,47,14)
```
#4a3b11
```
#4a3b11 rgb(74,59,17)
```
#5a4815
```
#5a4815 rgb(90,72,21)
```
#6a5519
```
#6a5519 rgb(106,85,25)
```
#7a611c
```
#7a611c rgb(122,97,28)
```
#8a6e20
```
#8a6e20 rgb(138,110,32)
```
#9a7b24
```
#9a7b24 rgb(154,123,36)
```
#aa8727
```
#aa8727 rgb(170,135,39)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#caa12f
```
#caa12f rgb(202,161,47)
```

Shade Color Variation

#d2a93b
```
#d2a93b rgb(210,169,59)
```
#d5b04b
```
#d5b04b rgb(213,176,75)
```
#d9b75a
```
#d9b75a rgb(217,183,90)
```
#ddbe6a
```
#ddbe6a rgb(221,190,106)
```
#e0c57a
```
#e0c57a rgb(224,197,122)
```
#e4cc8a
```
#e4cc8a rgb(228,204,138)
```
#e8d39a
```
#e8d39a rgb(232,211,154)
```
#ebdaaa
```
#ebdaaa rgb(235,218,170)
```
#efe1ba
```
#efe1ba rgb(239,225,186)
```
#f3e8ca
```
#f3e8ca rgb(243,232,202)
```
#f6efda
```
#f6efda rgb(246,239,218)
```
#faf6ea
```
#faf6ea rgb(250,246,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#747371
```
#747371 rgb(116,115,113)
```
#7c7769
```
#7c7769 rgb(124,119,105)
```
#857b60
```
#857b60 rgb(133,123,96)
```
#8e7f57
```
#8e7f57 rgb(142,127,87)
```
#97834e
```
#97834e rgb(151,131,78)
```
#a08845
```
#a08845 rgb(160,136,69)
```
#a88c3d
```
#a88c3d rgb(168,140,61)
```
#b19034
```
#b19034 rgb(177,144,52)
```
#ba942b
```
#ba942b rgb(186,148,43)
```
#c39822
```
#c39822 rgb(195,152,34)
```
#cc9c19
```
#cc9c19 rgb(204,156,25)
```
#d4a011
```
#d4a011 rgb(212,160,17)
```
#dda508
```
#dda508 rgb(221,165,8)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b937e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e37 Protanopia 1% of men
#c49637 Deuteranopia 1% of men
#c5909a Tritanopia 0.001% of the population

Trichromacy

#b39a32 Protanomaly 1% of men, 0.01% of women
#c09532 Deuteranomaly 6% of men, 0.4% of women
#c19171 Tritanomaly 0.01% of the population

#ba942b hex color

#ba942b Color Information

#ba942b Color Conversion

Color Schemes with #ba942b

Alternatives to #ba942b

#ba942b Preview

Shades and Tints of #ba942b

Tones of #ba942b

Color Blindness Simulator