#baa475 hex color

In a RGB color space, hex #baa475 is composed of 72.9% red, 64.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 37.1% yellow and 27.1% black. It has a hue angle of 40.9 degrees, a saturation of 33.3% and a lightness of 59.4%. #baa475 color hex could be obtained by blending #ffffea with #754900. Closest websafe color is: #cc9966.

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

● #baa475 color description : Slightly desaturated orange.

The hexadecimal color #baa475 has RGB values of R:186, G:164, B:117 and CMYK values of C:0, M:0.12, Y:0.37, K:0.27. Its decimal value is 12231797.

Hex triplet	baa475	`#baa475`
RGB Decimal	186, 164, 117	`rgb(186,164,117)`
RGB Percent	72.9, 64.3, 45.9	`rgb(72.9%,64.3%,45.9%)`
CMYK	0, 12, 37, 27
HSL	40.9°, 33.3, 59.4	`hsl(40.9,33.3%,59.4%)`
HSV (or HSB)	40.9°, 37.1, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.223, 1.181, 27.354
XYZ	36.736, 38.275, 22.281
xyY	0.378, 0.393, 38.275
CIE-LCH	68.223, 27.38, 87.527
CIE-LUV	68.223, 16.836, 35.441
Hunter-Lab	61.867, -2.276, 21.954
Binary	10111010, 10100100, 01110101

#baa475
```
#baa475 rgb(186,164,117)
```
#758bba
```
#758bba rgb(117,139,186)
```

Complementary Color

#ba8275
```
#ba8275 rgb(186,130,117)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#aeba75
```
#aeba75 rgb(174,186,117)
```

Analogous Color

#8275ba
```
#8275ba rgb(130,117,186)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#75aeba
```
#75aeba rgb(117,174,186)
```

Split Complementary Color

#a475ba
```
#a475ba rgb(164,117,186)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#75baa4
```
#75baa4 rgb(117,186,164)
```

Triadic Color

#ba758b
```
#ba758b rgb(186,117,139)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#75baa4
```
#75baa4 rgb(117,186,164)
```
#758bba
```
#758bba rgb(117,139,186)
```

Tetradic Color

#977f4c
```
#977f4c rgb(151,127,76)
```
#a88d54
```
#a88d54 rgb(168,141,84)
```
#b29964
```
#b29964 rgb(178,153,100)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#cbba97
```
#cbba97 rgb(203,186,151)
```
#d4c6a8
```
#d4c6a8 rgb(212,198,168)
```

Monochromatic Color

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

#ba9375
```
#ba9375 rgb(186,147,117)
```
#ba9975
```
#ba9975 rgb(186,153,117)
```
#ba9e75
```
#ba9e75 rgb(186,158,117)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#baaa75
```
#baaa75 rgb(186,170,117)
```
#bab075
```
#bab075 rgb(186,176,117)
```
#bab575
```
#bab575 rgb(186,181,117)
```

Similar Colors

Text with hexadecimal color #baa475

This text has a font color of #baa475.

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

#baa475 background color

This paragraph has a background color of #baa475.

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

#baa475 border color

This element has a border color of #baa475.

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

CSS codes

.text {color:#baa475;}

.background {background-color:#baa475;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131009
```
#131009 rgb(19,16,9)
```
#201b10
```
#201b10 rgb(32,27,16)
```
#2d2617
```
#2d2617 rgb(45,38,23)
```
#3a311d
```
#3a311d rgb(58,49,29)
```
#473c24
```
#473c24 rgb(71,60,36)
```
#54472a
```
#54472a rgb(84,71,42)
```
#615231
```
#615231 rgb(97,82,49)
```
#6e5d37
```
#6e5d37 rgb(110,93,55)
```
#7c683e
```
#7c683e rgb(124,104,62)
```
#897344
```
#897344 rgb(137,115,68)
```
#967e4b
```
#967e4b rgb(150,126,75)
```
#a38951
```
#a38951 rgb(163,137,81)
```

Shade Color Variation

#ad935b
```
#ad935b rgb(173,147,91)
```
#b39b68
```
#b39b68 rgb(179,155,104)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#c1ad82
```
#c1ad82 rgb(193,173,130)
```
#c7b58f
```
#c7b58f rgb(199,181,143)
```
#cebe9c
```
#cebe9c rgb(206,190,156)
```
#d4c6a9
```
#d4c6a9 rgb(212,198,169)
```
#dbcfb6
```
#dbcfb6 rgb(219,207,182)
```
#e1d8c3
```
#e1d8c3 rgb(225,216,195)
```
#e8e0d1
```
#e8e0d1 rgb(232,224,209)
```
#eee9de
```
#eee9de rgb(238,233,222)
```
#f5f2eb
```
#f5f2eb rgb(245,242,235)
```
#fbfaf8
```
#fbfaf8 rgb(251,250,248)
```

Tint Color Variation

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

#9a9895
```
#9a9895 rgb(154,152,149)
```
#a29b8d
```
#a29b8d rgb(162,155,141)
```
#aa9e85
```
#aa9e85 rgb(170,158,133)
```
#b2a17d
```
#b2a17d rgb(178,161,125)
```
#baa475
```
#baa475 rgb(186,164,117)
```
#c2a76d
```
#c2a76d rgb(194,167,109)
```
#caaa65
```
#caaa65 rgb(202,170,101)
```
#d2ad5d
```
#d2ad5d rgb(210,173,93)
```
#dab055
```
#dab055 rgb(218,176,85)
```
#e2b24d
```
#e2b24d rgb(226,178,77)
```
#eab545
```
#eab545 rgb(234,181,69)
```
#f2b83d
```
#f2b83d rgb(242,184,61)
```
#fabb35
```
#fabb35 rgb(250,187,53)
```

Tone Color Variation

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

Dichromacy

#b7aa7c Protanopia 1% of men
#c9a47d Deuteranopia 1% of men
#c3a2ad Tritanopia 0.001% of the population

Trichromacy

#b8a87a Protanomaly 1% of men, 0.01% of women
#c3a47a Deuteranomaly 6% of men, 0.4% of women
#c0a299 Tritanomaly 0.01% of the population

#baa475 hex color

#baa475 Color Information

#baa475 Color Conversion

Color Schemes with #baa475

Alternatives to #baa475

#baa475 Preview

Shades and Tints of #baa475

Tones of #baa475

Color Blindness Simulator