#baa16f hex color

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

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

● #baa16f color description : Slightly desaturated orange.

The hexadecimal color #baa16f has RGB values of R:186, G:161, B:111 and CMYK values of C:0, M:0.13, Y:0.4, K:0.27. Its decimal value is 12231023.

Hex triplet	baa16f	`#baa16f`
RGB Decimal	186, 161, 111	`rgb(186,161,111)`
RGB Percent	72.9, 63.1, 43.5	`rgb(72.9%,63.1%,43.5%)`
CMYK	0, 13, 40, 27
HSL	40°, 35.2, 58.2	`hsl(40,35.2%,58.2%)`
HSV (or HSB)	40°, 40.3, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.335, 2.103, 29.416
XYZ	35.864, 37.078, 20.306
xyY	0.385, 0.398, 37.078
CIE-LCH	67.335, 29.491, 85.911
CIE-LUV	67.335, 19.139, 37.405
Hunter-Lab	60.891, -1.427, 22.852
Binary	10111010, 10100001, 01101111

#baa16f
```
#baa16f rgb(186,161,111)
```
#6f88ba
```
#6f88ba rgb(111,136,186)
```

Complementary Color

#ba7c6f
```
#ba7c6f rgb(186,124,111)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#aeba6f
```
#aeba6f rgb(174,186,111)
```

Analogous Color

#7c6fba
```
#7c6fba rgb(124,111,186)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#6faeba
```
#6faeba rgb(111,174,186)
```

Split Complementary Color

#a16fba
```
#a16fba rgb(161,111,186)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#6fbaa1
```
#6fbaa1 rgb(111,186,161)
```

Triadic Color

#ba6f88
```
#ba6f88 rgb(186,111,136)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#6fbaa1
```
#6fbaa1 rgb(111,186,161)
```
#6f88ba
```
#6f88ba rgb(111,136,186)
```

Tetradic Color

#957b47
```
#957b47 rgb(149,123,71)
```
#a68950
```
#a68950 rgb(166,137,80)
```
#b2965e
```
#b2965e rgb(178,150,94)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#c2ac80
```
#c2ac80 rgb(194,172,128)
```
#cbb891
```
#cbb891 rgb(203,184,145)
```
#d3c3a3
```
#d3c3a3 rgb(211,195,163)
```

Monochromatic Color

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

#ba8e6f
```
#ba8e6f rgb(186,142,111)
```
#ba956f
```
#ba956f rgb(186,149,111)
```
#ba9b6f
```
#ba9b6f rgb(186,155,111)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#baa76f
```
#baa76f rgb(186,167,111)
```
#baae6f
```
#baae6f rgb(186,174,111)
```
#bab46f
```
#bab46f rgb(186,180,111)
```

Similar Colors

Text with hexadecimal color #baa16f

This text has a font color of #baa16f.

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

#baa16f background color

This paragraph has a background color of #baa16f.

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

#baa16f border color

This element has a border color of #baa16f.

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

CSS codes

.text {color:#baa16f;}

.background {background-color:#baa16f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0d07
```
#0f0d07 rgb(15,13,7)
```
#1c170e
```
#1c170e rgb(28,23,14)
```
#2a2214
```
#2a2214 rgb(42,34,20)
```
#372d1a
```
#372d1a rgb(55,45,26)
```
#443821
```
#443821 rgb(68,56,33)
```
#514327
```
#514327 rgb(81,67,39)
```
#5f4e2d
```
#5f4e2d rgb(95,78,45)
```
#6c5934
```
#6c5934 rgb(108,89,52)
```
#79643a
```
#79643a rgb(121,100,58)
```
#866f40
```
#866f40 rgb(134,111,64)
```
#947a47
```
#947a47 rgb(148,122,71)
```
#a1854d
```
#a1854d rgb(161,133,77)
```

Shade Color Variation

#ad9054
```
#ad9054 rgb(173,144,84)
```
#b49862
```
#b49862 rgb(180,152,98)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#c0aa7c
```
#c0aa7c rgb(192,170,124)
```
#c7b28a
```
#c7b28a rgb(199,178,138)
```
#cdbb97
```
#cdbb97 rgb(205,187,151)
```
#d3c4a4
```
#d3c4a4 rgb(211,196,164)
```
#daccb1
```
#daccb1 rgb(218,204,177)
```
#e0d5bf
```
#e0d5bf rgb(224,213,191)
```
#e6decc
```
#e6decc rgb(230,222,204)
```
#ede6d9
```
#ede6d9 rgb(237,230,217)
```
#f3efe6
```
#f3efe6 rgb(243,239,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#999690
```
#999690 rgb(153,150,144)
```
#a19988
```
#a19988 rgb(161,153,136)
```
#aa9c7f
```
#aa9c7f rgb(170,156,127)
```
#b29e77
```
#b29e77 rgb(178,158,119)
```
#baa16f
```
#baa16f rgb(186,161,111)
```
#c2a467
```
#c2a467 rgb(194,164,103)
```
#caa65f
```
#caa65f rgb(202,166,95)
```
#d3a956
```
#d3a956 rgb(211,169,86)
```
#dbac4e
```
#dbac4e rgb(219,172,78)
```
#e3af46
```
#e3af46 rgb(227,175,70)
```
#ebb13e
```
#ebb13e rgb(235,177,62)
```
#f3b436
```
#f3b436 rgb(243,180,54)
```
#fcb72d
```
#fcb72d rgb(252,183,45)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a8a399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a877 Protanopia 1% of men
#c7a177 Deuteranopia 1% of men
#c39faa Tritanopia 0.001% of the population

Trichromacy

#b7a574 Protanomaly 1% of men, 0.01% of women
#c2a174 Deuteranomaly 6% of men, 0.4% of women
#c09f94 Tritanomaly 0.01% of the population

#baa16f hex color

#baa16f Color Information

#baa16f Color Conversion

Color Schemes with #baa16f

Alternatives to #baa16f

#baa16f Preview

Shades and Tints of #baa16f

Tones of #baa16f

Color Blindness Simulator