#baa580 hex color

In a RGB color space, hex #baa580 is composed of 72.9% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 31.2% yellow and 27.1% black. It has a hue angle of 38.3 degrees, a saturation of 29.6% and a lightness of 61.6%. #baa580 color hex could be obtained by blending #ffffff with #754b01. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 65
- B 50
RGB color chart
- C 0
- M 11
- Y 31
- K 27
CMYK color chart

● #baa580 color description : Slightly desaturated orange.

The hexadecimal color #baa580 has RGB values of R:186, G:165, B:128 and CMYK values of C:0, M:0.11, Y:0.31, K:0.27. Its decimal value is 12232064.

Hex triplet	baa580	`#baa580`
RGB Decimal	186, 165, 128	`rgb(186,165,128)`
RGB Percent	72.9, 64.7, 50.2	`rgb(72.9%,64.7%,50.2%)`
CMYK	0, 11, 31, 27
HSL	38.3°, 29.6, 61.6	`hsl(38.3,29.6%,61.6%)`
HSV (or HSB)	38.3°, 31.2, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.685, 2.026, 22.008
XYZ	37.601, 38.909, 25.95
xyY	0.367, 0.38, 38.909
CIE-LCH	68.685, 22.101, 84.741
CIE-LUV	68.685, 15.45, 29.087
Hunter-Lab	62.377, -1.56, 18.998
Binary	10111010, 10100101, 10000000

#baa580
```
#baa580 rgb(186,165,128)
```
#8095ba
```
#8095ba rgb(128,149,186)
```

Complementary Color

#ba8880
```
#ba8880 rgb(186,136,128)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#b2ba80
```
#b2ba80 rgb(178,186,128)
```

Analogous Color

#8880ba
```
#8880ba rgb(136,128,186)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#80b2ba
```
#80b2ba rgb(128,178,186)
```

Split Complementary Color

#a580ba
```
#a580ba rgb(165,128,186)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#80baa5
```
#80baa5 rgb(128,186,165)
```

Triadic Color

#ba8095
```
#ba8095 rgb(186,128,149)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#80baa5
```
#80baa5 rgb(128,186,165)
```
#8095ba
```
#8095ba rgb(128,149,186)
```

Tetradic Color

#9a8054
```
#9a8054 rgb(154,128,84)
```
#a88e5f
```
#a88e5f rgb(168,142,95)
```
#b1996f
```
#b1996f rgb(177,153,111)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#c3b191
```
#c3b191 rgb(195,177,145)
```
#ccbca1
```
#ccbca1 rgb(204,188,161)
```
#d5c8b2
```
#d5c8b2 rgb(213,200,178)
```

Monochromatic Color

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

#ba9780
```
#ba9780 rgb(186,151,128)
```
#ba9b80
```
#ba9b80 rgb(186,155,128)
```
#baa080
```
#baa080 rgb(186,160,128)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#baaa80
```
#baaa80 rgb(186,170,128)
```
#baaf80
```
#baaf80 rgb(186,175,128)
```
#bab480
```
#bab480 rgb(186,180,128)
```

Similar Colors

Text with hexadecimal color #baa580

This text has a font color of #baa580.

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

#baa580 background color

This paragraph has a background color of #baa580.

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

#baa580 border color

This element has a border color of #baa580.

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

CSS codes

.text {color:#baa580;}

.background {background-color:#baa580;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0b07
```
#0d0b07 rgb(13,11,7)
```
#1a150e
```
#1a150e rgb(26,21,14)
```
#262015
```
#262015 rgb(38,32,21)
```
#332b1c
```
#332b1c rgb(51,43,28)
```
#403523
```
#403523 rgb(64,53,35)
```
#4c4029
```
#4c4029 rgb(76,64,41)
```
#594a30
```
#594a30 rgb(89,74,48)
```
#665537
```
#665537 rgb(102,85,55)
```
#72603e
```
#72603e rgb(114,96,62)
```
#7f6a45
```
#7f6a45 rgb(127,106,69)
```
#8c754c
```
#8c754c rgb(140,117,76)
```
#997f53
```
#997f53 rgb(153,127,83)
```

Shade Color Variation

#a58a5a
```
#a58a5a rgb(165,138,90)
```
#ac9367
```
#ac9367 rgb(172,147,103)
```
#b39c73
```
#b39c73 rgb(179,156,115)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#c1ae8d
```
#c1ae8d rgb(193,174,141)
```
#c8b799
```
#c8b799 rgb(200,183,153)
```
#cfc0a6
```
#cfc0a6 rgb(207,192,166)
```
#d6c9b3
```
#d6c9b3 rgb(214,201,179)
```
#ddd2c0
```
#ddd2c0 rgb(221,210,192)
```
#e3dbcc
```
#e3dbcc rgb(227,219,204)
```
#eae4d9
```
#eae4d9 rgb(234,228,217)
```
#f1ede6
```
#f1ede6 rgb(241,237,230)
```
#f8f6f2
```
#f8f6f2 rgb(248,246,242)
```

Tint Color Variation

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

#a39f97
```
#a39f97 rgb(163,159,151)
```
#aba18f
```
#aba18f rgb(171,161,143)
```
#b2a388
```
#b2a388 rgb(178,163,136)
```
#baa580
```
#baa580 rgb(186,165,128)
```
#c2a778
```
#c2a778 rgb(194,167,120)
```
#c9a971
```
#c9a971 rgb(201,169,113)
```
#d1ab69
```
#d1ab69 rgb(209,171,105)
```
#d8ad62
```
#d8ad62 rgb(216,173,98)
```
#e0af5a
```
#e0af5a rgb(224,175,90)
```
#e7b153
```
#e7b153 rgb(231,177,83)
```
#efb44b
```
#efb44b rgb(239,180,75)
```
#f6b644
```
#f6b644 rgb(246,182,68)
```
#feb83c
```
#feb83c rgb(254,184,60)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ab87 Protanopia 1% of men
#c8a587 Deuteranopia 1% of men
#c2a4af Tritanopia 0.001% of the population

Trichromacy

#b8a984 Protanomaly 1% of men, 0.01% of women
#c3a584 Deuteranomaly 6% of men, 0.4% of women
#bfa49e Tritanomaly 0.01% of the population

#baa580 hex color

#baa580 Color Information

#baa580 Color Conversion

Color Schemes with #baa580

Alternatives to #baa580

#baa580 Preview

Shades and Tints of #baa580

Tones of #baa580

Color Blindness Simulator