#baa36b hex color

In a RGB color space, hex #baa36b is composed of 72.9% red, 63.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.4% magenta, 42.5% yellow and 27.1% black. It has a hue angle of 42.5 degrees, a saturation of 36.4% and a lightness of 57.5%. #baa36b color hex could be obtained by blending #ffffd6 with #754700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 64
- B 42
RGB color chart
- C 0
- M 12
- Y 42
- K 27
CMYK color chart

● #baa36b color description : Slightly desaturated orange.

The hexadecimal color #baa36b has RGB values of R:186, G:163, B:107 and CMYK values of C:0, M:0.12, Y:0.42, K:0.27. Its decimal value is 12231531.

Hex triplet	baa36b	`#baa36b`
RGB Decimal	186, 163, 107	`rgb(186,163,107)`
RGB Percent	72.9, 63.9, 42	`rgb(72.9%,63.9%,42%)`
CMYK	0, 12, 42, 27
HSL	42.5°, 36.4, 57.5	`hsl(42.5,36.4%,57.5%)`
HSV (or HSB)	42.5°, 42.5, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.796, 0.576, 32.15
XYZ	36.001, 37.696, 19.289
xyY	0.387, 0.405, 37.696
CIE-LCH	67.796, 32.155, 88.974
CIE-LUV	67.796, 18.134, 40.754
Hunter-Lab	61.397, -2.78, 24.351
Binary	10111010, 10100011, 01101011

#baa36b
```
#baa36b rgb(186,163,107)
```
#6b82ba
```
#6b82ba rgb(107,130,186)
```

Complementary Color

#ba7c6b
```
#ba7c6b rgb(186,124,107)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#aaba6b
```
#aaba6b rgb(170,186,107)
```

Analogous Color

#7c6bba
```
#7c6bba rgb(124,107,186)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#6baaba
```
#6baaba rgb(107,170,186)
```

Split Complementary Color

#a36bba
```
#a36bba rgb(163,107,186)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#6bbaa3
```
#6bbaa3 rgb(107,186,163)
```

Triadic Color

#ba6b82
```
#ba6b82 rgb(186,107,130)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#6bbaa3
```
#6bbaa3 rgb(107,186,163)
```
#6b82ba
```
#6b82ba rgb(107,130,186)
```

Tetradic Color

#947d45
```
#947d45 rgb(148,125,69)
```
#a58b4d
```
#a58b4d rgb(165,139,77)
```
#b2985a
```
#b2985a rgb(178,152,90)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#c2ae7c
```
#c2ae7c rgb(194,174,124)
```
#cab98e
```
#cab98e rgb(202,185,142)
```
#d2c39f
```
#d2c39f rgb(210,195,159)
```

Monochromatic Color

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

#ba8f6b
```
#ba8f6b rgb(186,143,107)
```
#ba966b
```
#ba966b rgb(186,150,107)
```
#ba9c6b
```
#ba9c6b rgb(186,156,107)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#baaa6b
```
#baaa6b rgb(186,170,107)
```
#bab06b
```
#bab06b rgb(186,176,107)
```
#bab76b
```
#bab76b rgb(186,183,107)
```

Similar Colors

Text with hexadecimal color #baa36b

This text has a font color of #baa36b.

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

#baa36b background color

This paragraph has a background color of #baa36b.

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

#baa36b border color

This element has a border color of #baa36b.

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

CSS codes

.text {color:#baa36b;}

.background {background-color:#baa36b;}

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

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, #0d0b06 is the darkest color, while #fffefe is the lightest one.

#0d0b06
```
#0d0b06 rgb(13,11,6)
```
#1a160c
```
#1a160c rgb(26,22,12)
```
#272112
```
#272112 rgb(39,33,18)
```
#352c19
```
#352c19 rgb(53,44,25)
```
#42381f
```
#42381f rgb(66,56,31)
```
#4f4325
```
#4f4325 rgb(79,67,37)
```
#5d4e2b
```
#5d4e2b rgb(93,78,43)
```
#6a5a32
```
#6a5a32 rgb(106,90,50)
```
#786538
```
#786538 rgb(120,101,56)
```
#85703e
```
#85703e rgb(133,112,62)
```
#927c44
```
#927c44 rgb(146,124,68)
```
#a0874a
```
#a0874a rgb(160,135,74)
```
#ad9251
```
#ad9251 rgb(173,146,81)
```

Shade Color Variation

#b49b5e
```
#b49b5e rgb(180,155,94)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#c0ab78
```
#c0ab78 rgb(192,171,120)
```
#c6b486
```
#c6b486 rgb(198,180,134)
```
#cdbc93
```
#cdbc93 rgb(205,188,147)
```
#d3c4a1
```
#d3c4a1 rgb(211,196,161)
```
#d9cdae
```
#d9cdae rgb(217,205,174)
```
#dfd5bb
```
#dfd5bb rgb(223,213,187)
```
#e6ddc9
```
#e6ddc9 rgb(230,221,201)
```
#ece6d6
```
#ece6d6 rgb(236,230,214)
```
#f2eee3
```
#f2eee3 rgb(242,238,227)
```
#f8f6f1
```
#f8f6f1 rgb(248,246,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#99958c
```
#99958c rgb(153,149,140)
```
#a19984
```
#a19984 rgb(161,153,132)
```
#a99c7c
```
#a99c7c rgb(169,156,124)
```
#b2a073
```
#b2a073 rgb(178,160,115)
```
#baa36b
```
#baa36b rgb(186,163,107)
```
#c2a663
```
#c2a663 rgb(194,166,99)
```
#cbaa5a
```
#cbaa5a rgb(203,170,90)
```
#d3ad52
```
#d3ad52 rgb(211,173,82)
```
#dbb14a
```
#dbb14a rgb(219,177,74)
```
#e4b441
```
#e4b441 rgb(228,180,65)
```
#ecb839
```
#ecb839 rgb(236,184,57)
```
#f4bb31
```
#f4bb31 rgb(244,187,49)
```
#fdbf28
```
#fdbf28 rgb(253,191,40)
```

Tone Color Variation

Below, you can see how #baa36b 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
#a8a398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a973 Protanopia 1% of men
#caa274 Deuteranopia 1% of men
#c4a0ab Tritanopia 0.001% of the population

Trichromacy

#b8a770 Protanomaly 1% of men, 0.01% of women
#c4a270 Deuteranomaly 6% of men, 0.4% of women
#c0a194 Tritanomaly 0.01% of the population

#baa36b hex color

#baa36b Color Information

#baa36b Color Conversion

Color Schemes with #baa36b

Alternatives to #baa36b

#baa36b Preview

Shades and Tints of #baa36b

Tones of #baa36b

Color Blindness Simulator