#ba896f hex color

In a RGB color space, hex #ba896f is composed of 72.9% red, 53.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 40.3% yellow and 27.1% black. It has a hue angle of 20.8 degrees, a saturation of 35.2% and a lightness of 58.2%. #ba896f color hex could be obtained by blending #ffffde with #751300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 54
- B 44
RGB color chart
- C 0
- M 26
- Y 40
- K 27
CMYK color chart

● #ba896f color description : Slightly desaturated orange.

The hexadecimal color #ba896f has RGB values of R:186, G:137, B:111 and CMYK values of C:0, M:0.26, Y:0.4, K:0.27. Its decimal value is 12224879.

Hex triplet	ba896f	`#ba896f`
RGB Decimal	186, 137, 111	`rgb(186,137,111)`
RGB Percent	72.9, 53.7, 43.5	`rgb(72.9%,53.7%,43.5%)`
CMYK	0, 26, 40, 27
HSL	20.8°, 35.2, 58.2	`hsl(20.8,35.2%,58.2%)`
HSV (or HSB)	20.8°, 40.3, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.203, 15.3, 21.269
XYZ	32.065, 29.48, 19.039
xyY	0.398, 0.366, 29.48
CIE-LCH	61.203, 26.2, 54.27
CIE-LUV	61.203, 34.635, 24.636
Hunter-Lab	54.295, 10.399, 17.216
Binary	10111010, 10001001, 01101111

#ba896f
```
#ba896f rgb(186,137,111)
```
#6fa0ba
```
#6fa0ba rgb(111,160,186)
```

Complementary Color

#ba6f7b
```
#ba6f7b rgb(186,111,123)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#baaf6f
```
#baaf6f rgb(186,175,111)
```

Analogous Color

#6f7bba
```
#6f7bba rgb(111,123,186)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#6fbaaf
```
#6fbaaf rgb(111,186,175)
```

Split Complementary Color

#896fba
```
#896fba rgb(137,111,186)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#6fba89
```
#6fba89 rgb(111,186,137)
```

Triadic Color

#ba6fa0
```
#ba6fa0 rgb(186,111,160)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#6fba89
```
#6fba89 rgb(111,186,137)
```
#6fa0ba
```
#6fa0ba rgb(111,160,186)
```

Tetradic Color

#956247
```
#956247 rgb(149,98,71)
```
#a66e50
```
#a66e50 rgb(166,110,80)
```
#b27b5e
```
#b27b5e rgb(178,123,94)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#c29780
```
#c29780 rgb(194,151,128)
```
#cba591
```
#cba591 rgb(203,165,145)
```
#d3b3a3
```
#d3b3a3 rgb(211,179,163)
```

Monochromatic Color

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

#ba766f
```
#ba766f rgb(186,118,111)
```
#ba7d6f
```
#ba7d6f rgb(186,125,111)
```
#ba836f
```
#ba836f rgb(186,131,111)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#ba8f6f
```
#ba8f6f rgb(186,143,111)
```
#ba966f
```
#ba966f rgb(186,150,111)
```
#ba9c6f
```
#ba9c6f rgb(186,156,111)
```

Similar Colors

Text with hexadecimal color #ba896f

This text has a font color of #ba896f.

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

#ba896f background color

This paragraph has a background color of #ba896f.

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

#ba896f border color

This element has a border color of #ba896f.

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

CSS codes

.text {color:#ba896f;}

.background {background-color:#ba896f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0a07
```
#0f0a07 rgb(15,10,7)
```
#1c130e
```
#1c130e rgb(28,19,14)
```
#2a1b14
```
#2a1b14 rgb(42,27,20)
```
#37241a
```
#37241a rgb(55,36,26)
```
#442d21
```
#442d21 rgb(68,45,33)
```
#513627
```
#513627 rgb(81,54,39)
```
#5f3e2d
```
#5f3e2d rgb(95,62,45)
```
#6c4734
```
#6c4734 rgb(108,71,52)
```
#79503a
```
#79503a rgb(121,80,58)
```
#865940
```
#865940 rgb(134,89,64)
```
#946147
```
#946147 rgb(148,97,71)
```
#a16a4d
```
#a16a4d rgb(161,106,77)
```

Shade Color Variation

#ad7354
```
#ad7354 rgb(173,115,84)
```
#b47e62
```
#b47e62 rgb(180,126,98)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#c0947c
```
#c0947c rgb(192,148,124)
```
#c79f8a
```
#c79f8a rgb(199,159,138)
```
#cdaa97
```
#cdaa97 rgb(205,170,151)
```
#d3b4a4
```
#d3b4a4 rgb(211,180,164)
```
#dabfb1
```
#dabfb1 rgb(218,191,177)
```
#e0cabf
```
#e0cabf rgb(224,202,191)
```
#e6d5cc
```
#e6d5cc rgb(230,213,204)
```
#ede0d9
```
#ede0d9 rgb(237,224,217)
```
#f3ebe6
```
#f3ebe6 rgb(243,235,230)
```
#faf6f4
```
#faf6f4 rgb(250,246,244)
```

Tint Color Variation

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

#999390
```
#999390 rgb(153,147,144)
```
#a19188
```
#a19188 rgb(161,145,136)
```
#aa8e7f
```
#aa8e7f rgb(170,142,127)
```
#b28c77
```
#b28c77 rgb(178,140,119)
```
#ba896f
```
#ba896f rgb(186,137,111)
```
#c28667
```
#c28667 rgb(194,134,103)
```
#ca845f
```
#ca845f rgb(202,132,95)
```
#d38156
```
#d38156 rgb(211,129,86)
```
#db7f4e
```
#db7f4e rgb(219,127,78)
```
#e37c46
```
#e37c46 rgb(227,124,70)
```
#eb7a3e
```
#eb7a3e rgb(235,122,62)
```
#f37736
```
#f37736 rgb(243,119,54)
```
#fc752d
```
#fc752d rgb(252,117,45)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9c938d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2997a Protanopia 1% of men
#b39375 Deuteranopia 1% of men
#c08a94 Tritanopia 0.001% of the population

Trichromacy

#ab9376 Protanomaly 1% of men, 0.01% of women
#b58f73 Deuteranomaly 6% of men, 0.4% of women
#be8a86 Tritanomaly 0.01% of the population

#ba896f hex color

#ba896f Color Information

#ba896f Color Conversion

Color Schemes with #ba896f

Alternatives to #ba896f

#ba896f Preview

Shades and Tints of #ba896f

Tones of #ba896f

Color Blindness Simulator