#baa766 hex color

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

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

● #baa766 color description : Slightly desaturated yellow.

The hexadecimal color #baa766 has RGB values of R:186, G:167, B:102 and CMYK values of C:0, M:0.1, Y:0.45, K:0.27. Its decimal value is 12232550.

Hex triplet	baa766	`#baa766`
RGB Decimal	186, 167, 102	`rgb(186,167,102)`
RGB Percent	72.9, 65.5, 40	`rgb(72.9%,65.5%,40%)`
CMYK	0, 10, 45, 27
HSL	46.4°, 37.8, 56.5	`hsl(46.4,37.8%,56.5%)`
HSV (or HSB)	46.4°, 45.2, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.778, -2.102, 36.031
XYZ	36.467, 39.037, 18.184
xyY	0.389, 0.417, 39.037
CIE-LCH	68.778, 36.092, 93.339
CIE-LUV	68.778, 15.877, 45.552
Hunter-Lab	62.479, -5.156, 26.48
Binary	10111010, 10100111, 01100110

#baa766
```
#baa766 rgb(186,167,102)
```
#6679ba
```
#6679ba rgb(102,121,186)
```

Complementary Color

#ba7d66
```
#ba7d66 rgb(186,125,102)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#a3ba66
```
#a3ba66 rgb(163,186,102)
```

Analogous Color

#7d66ba
```
#7d66ba rgb(125,102,186)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#66a3ba
```
#66a3ba rgb(102,163,186)
```

Split Complementary Color

#a766ba
```
#a766ba rgb(167,102,186)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#66baa7
```
#66baa7 rgb(102,186,167)
```

Triadic Color

#ba6679
```
#ba6679 rgb(186,102,121)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#66baa7
```
#66baa7 rgb(102,186,167)
```
#6679ba
```
#6679ba rgb(102,121,186)
```

Tetradic Color

#928042
```
#928042 rgb(146,128,66)
```
#a38f4a
```
#a38f4a rgb(163,143,74)
```
#b29d54
```
#b29d54 rgb(178,157,84)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#c2b178
```
#c2b178 rgb(194,177,120)
```
#cabb89
```
#cabb89 rgb(202,187,137)
```
#d2c59b
```
#d2c59b rgb(210,197,155)
```

Monochromatic Color

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

#ba9266
```
#ba9266 rgb(186,146,102)
```
#ba9966
```
#ba9966 rgb(186,153,102)
```
#baa066
```
#baa066 rgb(186,160,102)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#baae66
```
#baae66 rgb(186,174,102)
```
#bab566
```
#bab566 rgb(186,181,102)
```
#b8ba66
```
#b8ba66 rgb(184,186,102)
```

Similar Colors

Text with hexadecimal color #baa766

This text has a font color of #baa766.

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

#baa766 background color

This paragraph has a background color of #baa766.

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

#baa766 border color

This element has a border color of #baa766.

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

CSS codes

.text {color:#baa766;}

.background {background-color:#baa766;}

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

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 #fdfdfb is the lightest one.

#090804
```
#090804 rgb(9,8,4)
```
#17140a
```
#17140a rgb(23,20,10)
```
#242010
```
#242010 rgb(36,32,16)
```
#322c16
```
#322c16 rgb(50,44,22)
```
#3f371d
```
#3f371d rgb(63,55,29)
```
#4d4323
```
#4d4323 rgb(77,67,35)
```
#5a4f29
```
#5a4f29 rgb(90,79,41)
```
#685b2f
```
#685b2f rgb(104,91,47)
```
#756735
```
#756735 rgb(117,103,53)
```
#83733b
```
#83733b rgb(131,115,59)
```
#907e41
```
#907e41 rgb(144,126,65)
```
#9e8a47
```
#9e8a47 rgb(158,138,71)
```
#ab964d
```
#ab964d rgb(171,150,77)
```

Shade Color Variation

#b49f58
```
#b49f58 rgb(180,159,88)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#c0af74
```
#c0af74 rgb(192,175,116)
```
#c6b781
```
#c6b781 rgb(198,183,129)
```
#ccbe8f
```
#ccbe8f rgb(204,190,143)
```
#d2c69c
```
#d2c69c rgb(210,198,156)
```
#d8ceaa
```
#d8ceaa rgb(216,206,170)
```
#dfd6b7
```
#dfd6b7 rgb(223,214,183)
```
#e5ddc5
```
#e5ddc5 rgb(229,221,197)
```
#ebe5d2
```
#ebe5d2 rgb(235,229,210)
```
#f1ede0
```
#f1ede0 rgb(241,237,224)
```
#f7f5ed
```
#f7f5ed rgb(247,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#989488
```
#989488 rgb(152,148,136)
```
#a09980
```
#a09980 rgb(160,153,128)
```
#a99e77
```
#a99e77 rgb(169,158,119)
```
#b1a26f
```
#b1a26f rgb(177,162,111)
```
#baa766
```
#baa766 rgb(186,167,102)
```
#c3ac5d
```
#c3ac5d rgb(195,172,93)
```
#cbb055
```
#cbb055 rgb(203,176,85)
```
#d4b54c
```
#d4b54c rgb(212,181,76)
```
#dcba44
```
#dcba44 rgb(220,186,68)
```
#e5be3b
```
#e5be3b rgb(229,190,59)
```
#edc333
```
#edc333 rgb(237,195,51)
```
#f6c82a
```
#f6c82a rgb(246,200,42)
```
#fecc22
```
#fecc22 rgb(254,204,34)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a9a598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac6e Protanopia 1% of men
#cea56f Deuteranopia 1% of men
#c5a3af Tritanopia 0.001% of the population

Trichromacy

#baaa6b Protanomaly 1% of men, 0.01% of women
#c7a56c Deuteranomaly 6% of men, 0.4% of women
#c1a494 Tritanomaly 0.01% of the population

#baa766 hex color

#baa766 Color Information

#baa766 Color Conversion

Color Schemes with #baa766

Alternatives to #baa766

#baa766 Preview

Shades and Tints of #baa766

Tones of #baa766

Color Blindness Simulator