#ba982a hex color

In a RGB color space, hex #ba982a is composed of 72.9% red, 59.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 77.4% yellow and 27.1% black. It has a hue angle of 45.8 degrees, a saturation of 63.2% and a lightness of 44.7%. #ba982a color hex could be obtained by blending #ffff54 with #753100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 60
- B 16
RGB color chart
- C 0
- M 18
- Y 77
- K 27
CMYK color chart

● #ba982a color description : Strong yellow.

The hexadecimal color #ba982a has RGB values of R:186, G:152, B:42 and CMYK values of C:0, M:0.18, Y:0.77, K:0.27. Its decimal value is 12228650.

Hex triplet	ba982a	`#ba982a`
RGB Decimal	186, 152, 42	`rgb(186,152,42)`
RGB Percent	72.9, 59.6, 16.5	`rgb(72.9%,59.6%,16.5%)`
CMYK	0, 18, 77, 27
HSL	45.8°, 63.2, 44.7	`hsl(45.8,63.2%,44.7%)`
HSV (or HSB)	45.8°, 77.4, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.213, 1.714, 58.59
XYZ	31.896, 33.064, 6.892
xyY	0.444, 0.46, 33.064
CIE-LCH	64.213, 58.615, 88.324
CIE-LUV	64.213, 29.01, 61.904
Hunter-Lab	57.501, -1.613, 33.144
Binary	10111010, 10011000, 00101010

#ba982a
```
#ba982a rgb(186,152,42)
```
#2a4cba
```
#2a4cba rgb(42,76,186)
```

Complementary Color

#ba502a
```
#ba502a rgb(186,80,42)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#94ba2a
```
#94ba2a rgb(148,186,42)
```

Analogous Color

#502aba
```
#502aba rgb(80,42,186)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#2a94ba
```
#2a94ba rgb(42,148,186)
```

Split Complementary Color

#982aba
```
#982aba rgb(152,42,186)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#2aba98
```
#2aba98 rgb(42,186,152)
```

Triadic Color

#ba2a4c
```
#ba2a4c rgb(186,42,76)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#2aba98
```
#2aba98 rgb(42,186,152)
```
#2a4cba
```
#2a4cba rgb(42,76,186)
```

Tetradic Color

#7c651c
```
#7c651c rgb(124,101,28)
```
#907621
```
#907621 rgb(144,118,33)
```
#a58725
```
#a58725 rgb(165,135,37)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#cfa92f
```
#cfa92f rgb(207,169,47)
```
#d4b243
```
#d4b243 rgb(212,178,67)
```
#d9bb57
```
#d9bb57 rgb(217,187,87)
```

Monochromatic Color

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

#ba742a
```
#ba742a rgb(186,116,42)
```
#ba802a
```
#ba802a rgb(186,128,42)
```
#ba8c2a
```
#ba8c2a rgb(186,140,42)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#baa42a
```
#baa42a rgb(186,164,42)
```
#bab02a
```
#bab02a rgb(186,176,42)
```
#b8ba2a
```
#b8ba2a rgb(184,186,42)
```

Similar Colors

Text with hexadecimal color #ba982a

This text has a font color of #ba982a.

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

#ba982a background color

This paragraph has a background color of #ba982a.

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

#ba982a border color

This element has a border color of #ba982a.

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

CSS codes

.text {color:#ba982a;}

.background {background-color:#ba982a;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1a1506
```
#1a1506 rgb(26,21,6)
```
#2a2209
```
#2a2209 rgb(42,34,9)
```
#3a2f0d
```
#3a2f0d rgb(58,47,13)
```
#4a3c11
```
#4a3c11 rgb(74,60,17)
```
#5a4a14
```
#5a4a14 rgb(90,74,20)
```
#6a5718
```
#6a5718 rgb(106,87,24)
```
#7a641c
```
#7a641c rgb(122,100,28)
```
#8a711f
```
#8a711f rgb(138,113,31)
```
#9a7e23
```
#9a7e23 rgb(154,126,35)
```
#aa8b26
```
#aa8b26 rgb(170,139,38)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#caa52e
```
#caa52e rgb(202,165,46)
```

Shade Color Variation

#d2ae39
```
#d2ae39 rgb(210,174,57)
```
#d6b549
```
#d6b549 rgb(214,181,73)
```
#dabb59
```
#dabb59 rgb(218,187,89)
```
#ddc269
```
#ddc269 rgb(221,194,105)
```
#e1c879
```
#e1c879 rgb(225,200,121)
```
#e4cf89
```
#e4cf89 rgb(228,207,137)
```
#e8d599
```
#e8d599 rgb(232,213,153)
```
#ecdca9
```
#ecdca9 rgb(236,220,169)
```
#efe2b9
```
#efe2b9 rgb(239,226,185)
```
#f3e9c9
```
#f3e9c9 rgb(243,233,201)
```
#f6efd9
```
#f6efd9 rgb(246,239,217)
```
#faf6e9
```
#faf6e9 rgb(250,246,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#747370
```
#747370 rgb(116,115,112)
```
#7d7867
```
#7d7867 rgb(125,120,103)
```
#857c5f
```
#857c5f rgb(133,124,95)
```
#8e8156
```
#8e8156 rgb(142,129,86)
```
#97854d
```
#97854d rgb(151,133,77)
```
#a08a44
```
#a08a44 rgb(160,138,68)
```
#a88f3c
```
#a88f3c rgb(168,143,60)
```
#b19333
```
#b19333 rgb(177,147,51)
```
#ba982a
```
#ba982a rgb(186,152,42)
```
#c39d21
```
#c39d21 rgb(195,157,33)
```
#cca118
```
#cca118 rgb(204,161,24)
```
#d4a610
```
#d4a610 rgb(212,166,16)
```
#ddab07
```
#ddab07 rgb(221,171,7)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d9680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a136 Protanopia 1% of men
#c79937 Deuteranopia 1% of men
#c5939d Tritanopia 0.001% of the population

Trichromacy

#b59d31 Protanomaly 1% of men, 0.01% of women
#c29832 Deuteranomaly 6% of men, 0.4% of women
#c19573 Tritanomaly 0.01% of the population

#ba982a hex color

#ba982a Color Information

#ba982a Color Conversion

Color Schemes with #ba982a

Alternatives to #ba982a

#ba982a Preview

Shades and Tints of #ba982a

Tones of #ba982a

Color Blindness Simulator