#ba984a hex color

In a RGB color space, hex #ba984a is composed of 72.9% red, 59.6% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 60.2% yellow and 27.1% black. It has a hue angle of 41.8 degrees, a saturation of 44.8% and a lightness of 51%. #ba984a color hex could be obtained by blending #ffff94 with #753100. Closest websafe color is: #cc9933.

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

● #ba984a color description : Moderate orange.

The hexadecimal color #ba984a has RGB values of R:186, G:152, B:74 and CMYK values of C:0, M:0.18, Y:0.6, K:0.27. Its decimal value is 12228682.

Hex triplet	ba984a	`#ba984a`
RGB Decimal	186, 152, 74	`rgb(186,152,74)`
RGB Percent	72.9, 59.6, 29	`rgb(72.9%,59.6%,29%)`
CMYK	0, 18, 60, 27
HSL	41.8°, 44.8, 51	`hsl(41.8,44.8%,51%)`
HSV (or HSB)	41.8°, 60.2, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.477, 3.523, 45.043
XYZ	32.714, 33.391, 11.2
xyY	0.423, 0.432, 33.391
CIE-LCH	64.477, 45.18, 85.528
CIE-LUV	64.477, 27.554, 51.559
Hunter-Lab	57.785, -0.069, 28.958
Binary	10111010, 10011000, 01001010

#ba984a
```
#ba984a rgb(186,152,74)
```
#4a6cba
```
#4a6cba rgb(74,108,186)
```

Complementary Color

#ba604a
```
#ba604a rgb(186,96,74)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#a4ba4a
```
#a4ba4a rgb(164,186,74)
```

Analogous Color

#604aba
```
#604aba rgb(96,74,186)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#4aa4ba
```
#4aa4ba rgb(74,164,186)
```

Split Complementary Color

#984aba
```
#984aba rgb(152,74,186)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#4aba98
```
#4aba98 rgb(74,186,152)
```

Triadic Color

#ba4a6c
```
#ba4a6c rgb(186,74,108)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#4aba98
```
#4aba98 rgb(74,186,152)
```
#4a6cba
```
#4a6cba rgb(74,108,186)
```

Tetradic Color

#856c33
```
#856c33 rgb(133,108,51)
```
#977b3a
```
#977b3a rgb(151,123,58)
```
#aa8a41
```
#aa8a41 rgb(170,138,65)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#c1a35c
```
#c1a35c rgb(193,163,92)
```
#c8ad6f
```
#c8ad6f rgb(200,173,111)
```
#cfb881
```
#cfb881 rgb(207,184,129)
```

Monochromatic Color

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

#ba7c4a
```
#ba7c4a rgb(186,124,74)
```
#ba854a
```
#ba854a rgb(186,133,74)
```
#ba8f4a
```
#ba8f4a rgb(186,143,74)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#baa14a
```
#baa14a rgb(186,161,74)
```
#baab4a
```
#baab4a rgb(186,171,74)
```
#bab44a
```
#bab44a rgb(186,180,74)
```

Similar Colors

Text with hexadecimal color #ba984a

This text has a font color of #ba984a.

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

#ba984a background color

This paragraph has a background color of #ba984a.

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

#ba984a border color

This element has a border color of #ba984a.

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

CSS codes

.text {color:#ba984a;}

.background {background-color:#ba984a;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120e07
```
#120e07 rgb(18,14,7)
```
#201a0c
```
#201a0c rgb(32,26,12)
```
#2e2612
```
#2e2612 rgb(46,38,18)
```
#3c3117
```
#3c3117 rgb(60,49,23)
```
#4b3d1c
```
#4b3d1c rgb(75,61,28)
```
#594822
```
#594822 rgb(89,72,34)
```
#675427
```
#675427 rgb(103,84,39)
```
#755f2d
```
#755f2d rgb(117,95,45)
```
#836b32
```
#836b32 rgb(131,107,50)
```
#927638
```
#927638 rgb(146,118,56)
```
#a0823d
```
#a0823d rgb(160,130,61)
```
#ae8d42
```
#ae8d42 rgb(174,141,66)
```

Shade Color Variation

#ba984a
```
#ba984a rgb(186,152,74)
```
#bfa058
```
#bfa058 rgb(191,160,88)
```
#c5a866
```
#c5a866 rgb(197,168,102)
```
#cab075
```
#cab075 rgb(202,176,117)
```
#d0b883
```
#d0b883 rgb(208,184,131)
```
#d5c091
```
#d5c091 rgb(213,192,145)
```
#dac89f
```
#dac89f rgb(218,200,159)
```
#e0d1ad
```
#e0d1ad rgb(224,209,173)
```
#e5d9bc
```
#e5d9bc rgb(229,217,188)
```
#ebe1ca
```
#ebe1ca rgb(235,225,202)
```
#f0e9d8
```
#f0e9d8 rgb(240,233,216)
```
#f6f1e6
```
#f6f1e6 rgb(246,241,230)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,244)
```

Tint Color Variation

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

#8a857a
```
#8a857a rgb(138,133,122)
```
#948970
```
#948970 rgb(148,137,112)
```
#9d8d67
```
#9d8d67 rgb(157,141,103)
```
#a7905d
```
#a7905d rgb(167,144,93)
```
#b09454
```
#b09454 rgb(176,148,84)
```
#ba984a
```
#ba984a rgb(186,152,74)
```
#c49c40
```
#c49c40 rgb(196,156,64)
```
#cda037
```
#cda037 rgb(205,160,55)
```
#d7a32d
```
#d7a32d rgb(215,163,45)
```
#e0a724
```
#e0a724 rgb(224,167,36)
```
#eaab1a
```
#eaab1a rgb(234,171,26)
```
#f4af10
```
#f4af10 rgb(244,175,16)
```
#fdb207
```
#fdb207 rgb(253,178,7)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a154 Protanopia 1% of men
#c59a54 Deuteranopia 1% of men
#c4949f Tritanopia 0.001% of the population

Trichromacy

#b49e50 Protanomaly 1% of men, 0.01% of women
#c19950 Deuteranomaly 6% of men, 0.4% of women
#c09680 Tritanomaly 0.01% of the population

#ba984a hex color

#ba984a Color Information

#ba984a Color Conversion

Color Schemes with #ba984a

Alternatives to #ba984a

#ba984a Preview

Shades and Tints of #ba984a

Tones of #ba984a

Color Blindness Simulator