#ba9f66 hex color

In a RGB color space, hex #ba9f66 is composed of 72.9% red, 62.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.5% magenta, 45.2% yellow and 27.1% black. It has a hue angle of 40.7 degrees, a saturation of 37.8% and a lightness of 56.5%. #ba9f66 color hex could be obtained by blending #ffffcc with #753f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 62
- B 40
RGB color chart
- C 0
- M 15
- Y 45
- K 27
CMYK color chart

● #ba9f66 color description : Slightly desaturated orange.

The hexadecimal color #ba9f66 has RGB values of R:186, G:159, B:102 and CMYK values of C:0, M:0.15, Y:0.45, K:0.27. Its decimal value is 12230502.

Hex triplet	ba9f66	`#ba9f66`
RGB Decimal	186, 159, 102	`rgb(186,159,102)`
RGB Percent	72.9, 62.4, 40	`rgb(72.9%,62.4%,40%)`
CMYK	0, 15, 45, 27
HSL	40.7°, 37.8, 56.5	`hsl(40.7,37.8%,56.5%)`
HSV (or HSB)	40.7°, 45.2, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.669, 2.207, 33.36
XYZ	35.046, 36.196, 17.71
xyY	0.394, 0.407, 36.196
CIE-LCH	66.669, 33.433, 86.216
CIE-LUV	66.669, 21.046, 41.458
Hunter-Lab	60.163, -1.305, 24.661
Binary	10111010, 10011111, 01100110

#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#6681ba
```
#6681ba rgb(102,129,186)
```

Complementary Color

#ba7566
```
#ba7566 rgb(186,117,102)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#abba66
```
#abba66 rgb(171,186,102)
```

Analogous Color

#7566ba
```
#7566ba rgb(117,102,186)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#66abba
```
#66abba rgb(102,171,186)
```

Split Complementary Color

#9f66ba
```
#9f66ba rgb(159,102,186)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#66ba9f
```
#66ba9f rgb(102,186,159)
```

Triadic Color

#ba6681
```
#ba6681 rgb(186,102,129)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#66ba9f
```
#66ba9f rgb(102,186,159)
```
#6681ba
```
#6681ba rgb(102,129,186)
```

Tetradic Color

#927842
```
#927842 rgb(146,120,66)
```
#a3874a
```
#a3874a rgb(163,135,74)
```
#b29454
```
#b29454 rgb(178,148,84)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#c2aa78
```
#c2aa78 rgb(194,170,120)
```
#cab589
```
#cab589 rgb(202,181,137)
```
#d2c09b
```
#d2c09b rgb(210,192,155)
```

Monochromatic Color

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

#ba8a66
```
#ba8a66 rgb(186,138,102)
```
#ba9166
```
#ba9166 rgb(186,145,102)
```
#ba9866
```
#ba9866 rgb(186,152,102)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#baa666
```
#baa666 rgb(186,166,102)
```
#baad66
```
#baad66 rgb(186,173,102)
```
#bab466
```
#bab466 rgb(186,180,102)
```

Similar Colors

Text with hexadecimal color #ba9f66

This text has a font color of #ba9f66.

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

#ba9f66 background color

This paragraph has a background color of #ba9f66.

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

#ba9f66 border color

This element has a border color of #ba9f66.

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

CSS codes

.text {color:#ba9f66;}

.background {background-color:#ba9f66;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#17130a
```
#17130a rgb(23,19,10)
```
#241e10
```
#241e10 rgb(36,30,16)
```
#322916
```
#322916 rgb(50,41,22)
```
#3f341d
```
#3f341d rgb(63,52,29)
```
#4d3f23
```
#4d3f23 rgb(77,63,35)
```
#5a4a29
```
#5a4a29 rgb(90,74,41)
```
#68562f
```
#68562f rgb(104,86,47)
```
#756135
```
#756135 rgb(117,97,53)
```
#836c3b
```
#836c3b rgb(131,108,59)
```
#907741
```
#907741 rgb(144,119,65)
```
#9e8247
```
#9e8247 rgb(158,130,71)
```
#ab8d4d
```
#ab8d4d rgb(171,141,77)
```

Shade Color Variation

#b49758
```
#b49758 rgb(180,151,88)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#c0a774
```
#c0a774 rgb(192,167,116)
```
#c6b081
```
#c6b081 rgb(198,176,129)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#d2c19c
```
#d2c19c rgb(210,193,156)
```
#d8c9aa
```
#d8c9aa rgb(216,201,170)
```
#dfd2b7
```
#dfd2b7 rgb(223,210,183)
```
#e5dac5
```
#e5dac5 rgb(229,218,197)
```
#ebe3d2
```
#ebe3d2 rgb(235,227,210)
```
#f1ebe0
```
#f1ebe0 rgb(241,235,224)
```
#f7f4ed
```
#f7f4ed rgb(247,244,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#989388
```
#989388 rgb(152,147,136)
```
#a09680
```
#a09680 rgb(160,150,128)
```
#a99977
```
#a99977 rgb(169,153,119)
```
#b19c6f
```
#b19c6f rgb(177,156,111)
```
#ba9f66
```
#ba9f66 rgb(186,159,102)
```
#c3a25d
```
#c3a25d rgb(195,162,93)
```
#cba555
```
#cba555 rgb(203,165,85)
```
#d4a84c
```
#d4a84c rgb(212,168,76)
```
#dcab44
```
#dcab44 rgb(220,171,68)
```
#e5ae3b
```
#e5ae3b rgb(229,174,59)
```
#edb133
```
#edb133 rgb(237,177,51)
```
#f6b42a
```
#f6b42a rgb(246,180,42)
```
#feb722
```
#feb722 rgb(254,183,34)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a6a195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a66f Protanopia 1% of men
#c7a06f Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b6a46b Protanomaly 1% of men, 0.01% of women
#c29f6b Deuteranomaly 6% of men, 0.4% of women
#c09d8f Tritanomaly 0.01% of the population

#ba9f66 hex color

#ba9f66 Color Information

#ba9f66 Color Conversion

Color Schemes with #ba9f66

Alternatives to #ba9f66

#ba9f66 Preview

Shades and Tints of #ba9f66

Tones of #ba9f66

Color Blindness Simulator