#ba996d hex color

In a RGB color space, hex #ba996d is composed of 72.9% red, 60% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 41.4% yellow and 27.1% black. It has a hue angle of 34.3 degrees, a saturation of 35.8% and a lightness of 57.8%. #ba996d color hex could be obtained by blending #ffffda with #753300. Closest websafe color is: #cc9966.

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

● #ba996d color description : Slightly desaturated orange.

The hexadecimal color #ba996d has RGB values of R:186, G:153, B:109 and CMYK values of C:0, M:0.18, Y:0.41, K:0.27. Its decimal value is 12228973.

Hex triplet	ba996d	`#ba996d`
RGB Decimal	186, 153, 109	`rgb(186,153,109)`
RGB Percent	72.9, 60, 42.7	`rgb(72.9%,60%,42.7%)`
CMYK	0, 18, 41, 27
HSL	34.3°, 35.8, 57.8	`hsl(34.3,35.8%,57.8%)`
HSV (or HSB)	34.3°, 41.4, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.221, 6.235, 27.726
XYZ	34.401, 34.327, 19.281
xyY	0.391, 0.39, 34.327
CIE-LCH	65.221, 28.419, 77.326
CIE-LUV	65.221, 24.42, 34.344
Hunter-Lab	58.589, 2.277, 21.501
Binary	10111010, 10011001, 01101101

#ba996d
```
#ba996d rgb(186,153,109)
```
#6d8eba
```
#6d8eba rgb(109,142,186)
```

Complementary Color

#ba736d
```
#ba736d rgb(186,115,109)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#b5ba6d
```
#b5ba6d rgb(181,186,109)
```

Analogous Color

#736dba
```
#736dba rgb(115,109,186)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#6db5ba
```
#6db5ba rgb(109,181,186)
```

Split Complementary Color

#996dba
```
#996dba rgb(153,109,186)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#6dba99
```
#6dba99 rgb(109,186,153)
```

Triadic Color

#ba6d8e
```
#ba6d8e rgb(186,109,142)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#6dba99
```
#6dba99 rgb(109,186,153)
```
#6d8eba
```
#6d8eba rgb(109,142,186)
```

Tetradic Color

#947346
```
#947346 rgb(148,115,70)
```
#a6804e
```
#a6804e rgb(166,128,78)
```
#b28d5c
```
#b28d5c rgb(178,141,92)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#c2a57e
```
#c2a57e rgb(194,165,126)
```
#cab190
```
#cab190 rgb(202,177,144)
```
#d3bda1
```
#d3bda1 rgb(211,189,161)
```

Monochromatic Color

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

#ba866d
```
#ba866d rgb(186,134,109)
```
#ba8c6d
```
#ba8c6d rgb(186,140,109)
```
#ba936d
```
#ba936d rgb(186,147,109)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#ba9f6d
```
#ba9f6d rgb(186,159,109)
```
#baa66d
```
#baa66d rgb(186,166,109)
```
#baac6d
```
#baac6d rgb(186,172,109)
```

Similar Colors

Text with hexadecimal color #ba996d

This text has a font color of #ba996d.

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

#ba996d background color

This paragraph has a background color of #ba996d.

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

#ba996d border color

This element has a border color of #ba996d.

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

CSS codes

.text {color:#ba996d;}

.background {background-color:#ba996d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0e0b07
```
#0e0b07 rgb(14,11,7)
```
#1b150d
```
#1b150d rgb(27,21,13)
```
#281f13
```
#281f13 rgb(40,31,19)
```
#362a19
```
#362a19 rgb(54,42,25)
```
#433420
```
#433420 rgb(67,52,32)
```
#503e26
```
#503e26 rgb(80,62,38)
```
#5e492c
```
#5e492c rgb(94,73,44)
```
#6b5333
```
#6b5333 rgb(107,83,51)
```
#785d39
```
#785d39 rgb(120,93,57)
```
#86673f
```
#86673f rgb(134,103,63)
```
#937245
```
#937245 rgb(147,114,69)
```
#a07c4c
```
#a07c4c rgb(160,124,76)
```

Shade Color Variation

#ad8652
```
#ad8652 rgb(173,134,82)
```
#b49060
```
#b49060 rgb(180,144,96)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#c0a27a
```
#c0a27a rgb(192,162,122)
```
#c7ac88
```
#c7ac88 rgb(199,172,136)
```
#cdb595
```
#cdb595 rgb(205,181,149)
```
#d3bea2
```
#d3bea2 rgb(211,190,162)
```
#d9c8b0
```
#d9c8b0 rgb(217,200,176)
```
#e0d1bd
```
#e0d1bd rgb(224,209,189)
```
#e6daca
```
#e6daca rgb(230,218,202)
```
#ece3d8
```
#ece3d8 rgb(236,227,216)
```
#f3ede5
```
#f3ede5 rgb(243,237,229)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#99948e
```
#99948e rgb(153,148,142)
```
#a19586
```
#a19586 rgb(161,149,134)
```
#a9977e
```
#a9977e rgb(169,151,126)
```
#b29875
```
#b29875 rgb(178,152,117)
```
#ba996d
```
#ba996d rgb(186,153,109)
```
#c29a65
```
#c29a65 rgb(194,154,101)
```
#cb9b5c
```
#cb9b5c rgb(203,155,92)
```
#d39d54
```
#d39d54 rgb(211,157,84)
```
#db9e4c
```
#db9e4c rgb(219,158,76)
```
#e39f44
```
#e39f44 rgb(227,159,68)
```
#eca03b
```
#eca03b rgb(236,160,59)
```
#f4a133
```
#f4a133 rgb(244,161,51)
```
#fca22b
```
#fca22b rgb(252,162,43)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa376 Protanopia 1% of men
#c19c75 Deuteranopia 1% of men
#c298a2 Tritanopia 0.001% of the population

Trichromacy

#b39f73 Protanomaly 1% of men, 0.01% of women
#be9b72 Deuteranomaly 6% of men, 0.4% of women
#bf988f Tritanomaly 0.01% of the population

#ba996d hex color

#ba996d Color Information

#ba996d Color Conversion

Color Schemes with #ba996d

Alternatives to #ba996d

#ba996d Preview

Shades and Tints of #ba996d

Tones of #ba996d

Color Blindness Simulator