#ba9680 hex color

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

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

● #ba9680 color description : Slightly desaturated orange.

The hexadecimal color #ba9680 has RGB values of R:186, G:150, B:128 and CMYK values of C:0, M:0.19, Y:0.31, K:0.27. Its decimal value is 12228224.

Hex triplet	ba9680	`#ba9680`
RGB Decimal	186, 150, 128	`rgb(186,150,128)`
RGB Percent	72.9, 58.8, 50.2	`rgb(72.9%,58.8%,50.2%)`
CMYK	0, 19, 31, 27
HSL	22.8°, 29.6, 61.6	`hsl(22.8,29.6%,61.6%)`
HSV (or HSB)	22.8°, 31.2, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	64.813, 10.23, 16.7
XYZ	35.052, 33.811, 25.101
xyY	0.373, 0.36, 33.811
CIE-LCH	64.813, 19.584, 58.51
CIE-LUV	64.813, 24.61, 20.593
Hunter-Lab	58.148, 5.844, 15.109
Binary	10111010, 10010110, 10000000

#ba9680
```
#ba9680 rgb(186,150,128)
```
#80a4ba
```
#80a4ba rgb(128,164,186)
```

Complementary Color

#ba8087
```
#ba8087 rgb(186,128,135)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#bab380
```
#bab380 rgb(186,179,128)
```

Analogous Color

#8087ba
```
#8087ba rgb(128,135,186)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#80bab3
```
#80bab3 rgb(128,186,179)
```

Split Complementary Color

#9680ba
```
#9680ba rgb(150,128,186)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#80ba96
```
#80ba96 rgb(128,186,150)
```

Triadic Color

#ba80a4
```
#ba80a4 rgb(186,128,164)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#80ba96
```
#80ba96 rgb(128,186,150)
```
#80a4ba
```
#80a4ba rgb(128,164,186)
```

Tetradic Color

#9a6e54
```
#9a6e54 rgb(154,110,84)
```
#a87b5f
```
#a87b5f rgb(168,123,95)
```
#b1886f
```
#b1886f rgb(177,136,111)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#c3a491
```
#c3a491 rgb(195,164,145)
```
#ccb1a1
```
#ccb1a1 rgb(204,177,161)
```
#d5bfb2
```
#d5bfb2 rgb(213,191,178)
```

Monochromatic Color

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

#ba8880
```
#ba8880 rgb(186,136,128)
```
#ba8c80
```
#ba8c80 rgb(186,140,128)
```
#ba9180
```
#ba9180 rgb(186,145,128)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#ba9b80
```
#ba9b80 rgb(186,155,128)
```
#baa080
```
#baa080 rgb(186,160,128)
```
#baa580
```
#baa580 rgb(186,165,128)
```

Similar Colors

Text with hexadecimal color #ba9680

This text has a font color of #ba9680.

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

#ba9680 background color

This paragraph has a background color of #ba9680.

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

#ba9680 border color

This element has a border color of #ba9680.

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

CSS codes

.text {color:#ba9680;}

.background {background-color:#ba9680;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0907
```
#0d0907 rgb(13,9,7)
```
#1a120e
```
#1a120e rgb(26,18,14)
```
#261b15
```
#261b15 rgb(38,27,21)
```
#33251c
```
#33251c rgb(51,37,28)
```
#402e23
```
#402e23 rgb(64,46,35)
```
#4c3729
```
#4c3729 rgb(76,55,41)
```
#594030
```
#594030 rgb(89,64,48)
```
#664937
```
#664937 rgb(102,73,55)
```
#72523e
```
#72523e rgb(114,82,62)
```
#7f5b45
```
#7f5b45 rgb(127,91,69)
```
#8c644c
```
#8c644c rgb(140,100,76)
```
#996d53
```
#996d53 rgb(153,109,83)
```

Shade Color Variation

#a5765a
```
#a5765a rgb(165,118,90)
```
#ac8167
```
#ac8167 rgb(172,129,103)
```
#b38b73
```
#b38b73 rgb(179,139,115)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#c1a18d
```
#c1a18d rgb(193,161,141)
```
#c8ab99
```
#c8ab99 rgb(200,171,153)
```
#cfb6a6
```
#cfb6a6 rgb(207,182,166)
```
#d6c0b3
```
#d6c0b3 rgb(214,192,179)
```
#ddcbc0
```
#ddcbc0 rgb(221,203,192)
```
#e3d5cc
```
#e3d5cc rgb(227,213,204)
```
#eae0d9
```
#eae0d9 rgb(234,224,217)
```
#f1eae6
```
#f1eae6 rgb(241,234,230)
```
#f8f5f2
```
#f8f5f2 rgb(248,245,242)
```

Tint Color Variation

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

#a39b97
```
#a39b97 rgb(163,155,151)
```
#ab9a8f
```
#ab9a8f rgb(171,154,143)
```
#b29888
```
#b29888 rgb(178,152,136)
```
#ba9680
```
#ba9680 rgb(186,150,128)
```
#c29478
```
#c29478 rgb(194,148,120)
```
#c99271
```
#c99271 rgb(201,146,113)
```
#d19169
```
#d19169 rgb(209,145,105)
```
#d88f62
```
#d88f62 rgb(216,143,98)
```
#e08d5a
```
#e08d5a rgb(224,141,90)
```
#e78b53
```
#e78b53 rgb(231,139,83)
```
#ef894b
```
#ef894b rgb(239,137,75)
```
#f68744
```
#f68744 rgb(246,135,68)
```
#fe863c
```
#fe863c rgb(254,134,60)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa189 Protanopia 1% of men
#bb9c86 Deuteranopia 1% of men
#c097a2 Tritanopia 0.001% of the population

Trichromacy

#b09d86 Protanomaly 1% of men, 0.01% of women
#ba9a84 Deuteranomaly 6% of men, 0.4% of women
#be9695 Tritanomaly 0.01% of the population

#ba9680 hex color

#ba9680 Color Information

#ba9680 Color Conversion

Color Schemes with #ba9680

Alternatives to #ba9680

#ba9680 Preview

Shades and Tints of #ba9680

Tones of #ba9680

Color Blindness Simulator