#ba985a hex color

In a RGB color space, hex #ba985a is composed of 72.9% red, 59.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 51.6% yellow and 27.1% black. It has a hue angle of 38.8 degrees, a saturation of 41% and a lightness of 54.1%. #ba985a color hex could be obtained by blending #ffffb4 with #753100. Closest websafe color is: #cc9966.

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

● #ba985a color description : Moderate orange.

The hexadecimal color #ba985a has RGB values of R:186, G:152, B:90 and CMYK values of C:0, M:0.18, Y:0.52, K:0.27. Its decimal value is 12228698.

Hex triplet	ba985a	`#ba985a`
RGB Decimal	186, 152, 90	`rgb(186,152,90)`
RGB Percent	72.9, 59.6, 35.3	`rgb(72.9%,59.6%,35.3%)`
CMYK	0, 18, 52, 27
HSL	38.8°, 41, 54.1	`hsl(38.8,41%,54.1%)`
HSV (or HSB)	38.8°, 51.6, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.672, 4.843, 37.17
XYZ	33.324, 33.635, 14.409
xyY	0.41, 0.413, 33.635
CIE-LCH	64.672, 37.484, 82.577
CIE-LUV	64.672, 26.527, 44.239
Hunter-Lab	57.996, 1.071, 25.866
Binary	10111010, 10011000, 01011010

#ba985a
```
#ba985a rgb(186,152,90)
```
#5a7cba
```
#5a7cba rgb(90,124,186)
```

Complementary Color

#ba685a
```
#ba685a rgb(186,104,90)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#acba5a
```
#acba5a rgb(172,186,90)
```

Analogous Color

#685aba
```
#685aba rgb(104,90,186)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#5aacba
```
#5aacba rgb(90,172,186)
```

Split Complementary Color

#985aba
```
#985aba rgb(152,90,186)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#5aba98
```
#5aba98 rgb(90,186,152)
```

Triadic Color

#ba5a7c
```
#ba5a7c rgb(186,90,124)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#5aba98
```
#5aba98 rgb(90,186,152)
```
#5a7cba
```
#5a7cba rgb(90,124,186)
```

Tetradic Color

#8d703b
```
#8d703b rgb(141,112,59)
```
#9f7e42
```
#9f7e42 rgb(159,126,66)
```
#b18c4a
```
#b18c4a rgb(177,140,74)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#c2a36c
```
#c2a36c rgb(194,163,108)
```
#c9ae7e
```
#c9ae7e rgb(201,174,126)
```
#d1ba90
```
#d1ba90 rgb(209,186,144)
```

Monochromatic Color

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

#ba805a
```
#ba805a rgb(186,128,90)
```
#ba885a
```
#ba885a rgb(186,136,90)
```
#ba905a
```
#ba905a rgb(186,144,90)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#baa05a
```
#baa05a rgb(186,160,90)
```
#baa85a
```
#baa85a rgb(186,168,90)
```
#bab05a
```
#bab05a rgb(186,176,90)
```

Similar Colors

Text with hexadecimal color #ba985a

This text has a font color of #ba985a.

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

#ba985a background color

This paragraph has a background color of #ba985a.

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

#ba985a border color

This element has a border color of #ba985a.

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

CSS codes

.text {color:#ba985a;}

.background {background-color:#ba985a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1d170c
```
#1d170c rgb(29,23,12)
```
#2a2212
```
#2a2212 rgb(42,34,18)
```
#382d18
```
#382d18 rgb(56,45,24)
```
#46381d
```
#46381d rgb(70,56,29)
```
#544323
```
#544323 rgb(84,67,35)
```
#624e29
```
#624e29 rgb(98,78,41)
```
#70592f
```
#70592f rgb(112,89,47)
```
#7d6434
```
#7d6434 rgb(125,100,52)
```
#8b6f3a
```
#8b6f3a rgb(139,111,58)
```
#997a40
```
#997a40 rgb(153,122,64)
```
#a78546
```
#a78546 rgb(167,133,70)
```

Shade Color Variation

#b48f4c
```
#b48f4c rgb(180,143,76)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#c0a168
```
#c0a168 rgb(192,161,104)
```
#c6a976
```
#c6a976 rgb(198,169,118)
```
#cbb283
```
#cbb283 rgb(203,178,131)
```
#d1bb91
```
#d1bb91 rgb(209,187,145)
```
#d7c39f
```
#d7c39f rgb(215,195,159)
```
#ddccad
```
#ddccad rgb(221,204,173)
```
#e2d4bb
```
#e2d4bb rgb(226,212,187)
```
#e8ddc9
```
#e8ddc9 rgb(232,221,201)
```
#eee6d6
```
#eee6d6 rgb(238,230,214)
```
#f4eee4
```
#f4eee4 rgb(244,238,228)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#8d8b87
```
#8d8b87 rgb(141,139,135)
```
#968e7e
```
#968e7e rgb(150,142,126)
```
#9f9075
```
#9f9075 rgb(159,144,117)
```
#a8936c
```
#a8936c rgb(168,147,108)
```
#b19563
```
#b19563 rgb(177,149,99)
```
#ba985a
```
#ba985a rgb(186,152,90)
```
#c39b51
```
#c39b51 rgb(195,155,81)
```
#cc9d48
```
#cc9d48 rgb(204,157,72)
```
#d5a03f
```
#d5a03f rgb(213,160,63)
```
#dea336
```
#dea336 rgb(222,163,54)
```
#e7a52d
```
#e7a52d rgb(231,165,45)
```
#f0a824
```
#f0a824 rgb(240,168,36)
```
#f9aa1b
```
#f9aa1b rgb(249,170,27)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a164 Protanopia 1% of men
#c39b63 Deuteranopia 1% of men
#c395a0 Tritanopia 0.001% of the population

Trichromacy

#b49e60 Protanomaly 1% of men, 0.01% of women
#bf995f Deuteranomaly 6% of men, 0.4% of women
#c09686 Tritanomaly 0.01% of the population

#ba985a hex color

#ba985a Color Information

#ba985a Color Conversion

Color Schemes with #ba985a

Alternatives to #ba985a

#ba985a Preview

Shades and Tints of #ba985a

Tones of #ba985a

Color Blindness Simulator