#ba916f hex color

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

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

● #ba916f color description : Slightly desaturated orange.

The hexadecimal color #ba916f has RGB values of R:186, G:145, B:111 and CMYK values of C:0, M:0.22, Y:0.4, K:0.27. Its decimal value is 12226927.

Hex triplet	ba916f	`#ba916f`
RGB Decimal	186, 145, 111	`rgb(186,145,111)`
RGB Percent	72.9, 56.9, 43.5	`rgb(72.9%,56.9%,43.5%)`
CMYK	0, 22, 40, 27
HSL	27.2°, 35.2, 58.2	`hsl(27.2,35.2%,58.2%)`
HSV (or HSB)	27.2°, 40.3, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.21, 10.866, 23.964
XYZ	33.244, 31.839, 19.433
xyY	0.393, 0.377, 31.839
CIE-LCH	63.21, 26.313, 65.608
CIE-LUV	63.21, 29.428, 28.888
Hunter-Lab	56.426, 6.421, 19.079
Binary	10111010, 10010001, 01101111

#ba916f
```
#ba916f rgb(186,145,111)
```
#6f98ba
```
#6f98ba rgb(111,152,186)
```

Complementary Color

#ba6f73
```
#ba6f73 rgb(186,111,115)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#bab76f
```
#bab76f rgb(186,183,111)
```

Analogous Color

#6f73ba
```
#6f73ba rgb(111,115,186)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#6fbab7
```
#6fbab7 rgb(111,186,183)
```

Split Complementary Color

#916fba
```
#916fba rgb(145,111,186)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#6fba91
```
#6fba91 rgb(111,186,145)
```

Triadic Color

#ba6f98
```
#ba6f98 rgb(186,111,152)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#6fba91
```
#6fba91 rgb(111,186,145)
```
#6f98ba
```
#6f98ba rgb(111,152,186)
```

Tetradic Color

#956b47
```
#956b47 rgb(149,107,71)
```
#a67750
```
#a67750 rgb(166,119,80)
```
#b2845e
```
#b2845e rgb(178,132,94)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#c29e80
```
#c29e80 rgb(194,158,128)
```
#cbab91
```
#cbab91 rgb(203,171,145)
```
#d3b9a3
```
#d3b9a3 rgb(211,185,163)
```

Monochromatic Color

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

#ba7e6f
```
#ba7e6f rgb(186,126,111)
```
#ba856f
```
#ba856f rgb(186,133,111)
```
#ba8b6f
```
#ba8b6f rgb(186,139,111)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#ba976f
```
#ba976f rgb(186,151,111)
```
#ba9e6f
```
#ba9e6f rgb(186,158,111)
```
#baa46f
```
#baa46f rgb(186,164,111)
```

Similar Colors

Text with hexadecimal color #ba916f

This text has a font color of #ba916f.

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

#ba916f background color

This paragraph has a background color of #ba916f.

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

#ba916f border color

This element has a border color of #ba916f.

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

CSS codes

.text {color:#ba916f;}

.background {background-color:#ba916f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0b07
```
#0f0b07 rgb(15,11,7)
```
#1c140e
```
#1c140e rgb(28,20,14)
```
#2a1e14
```
#2a1e14 rgb(42,30,20)
```
#37271a
```
#37271a rgb(55,39,26)
```
#443121
```
#443121 rgb(68,49,33)
```
#513a27
```
#513a27 rgb(81,58,39)
```
#5f442d
```
#5f442d rgb(95,68,45)
```
#6c4d34
```
#6c4d34 rgb(108,77,52)
```
#79573a
```
#79573a rgb(121,87,58)
```
#866040
```
#866040 rgb(134,96,64)
```
#946a47
```
#946a47 rgb(148,106,71)
```
#a1734d
```
#a1734d rgb(161,115,77)
```

Shade Color Variation

#ad7d54
```
#ad7d54 rgb(173,125,84)
```
#b48762
```
#b48762 rgb(180,135,98)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#c09b7c
```
#c09b7c rgb(192,155,124)
```
#c7a58a
```
#c7a58a rgb(199,165,138)
```
#cdaf97
```
#cdaf97 rgb(205,175,151)
```
#d3baa4
```
#d3baa4 rgb(211,186,164)
```
#dac4b1
```
#dac4b1 rgb(218,196,177)
```
#e0cebf
```
#e0cebf rgb(224,206,191)
```
#e6d8cc
```
#e6d8cc rgb(230,216,204)
```
#ede2d9
```
#ede2d9 rgb(237,226,217)
```
#f3ece6
```
#f3ece6 rgb(243,236,230)
```
#faf6f4
```
#faf6f4 rgb(250,246,244)
```

Tint Color Variation

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

#999490
```
#999490 rgb(153,148,144)
```
#a19388
```
#a19388 rgb(161,147,136)
```
#aa937f
```
#aa937f rgb(170,147,127)
```
#b29277
```
#b29277 rgb(178,146,119)
```
#ba916f
```
#ba916f rgb(186,145,111)
```
#c29067
```
#c29067 rgb(194,144,103)
```
#ca8f5f
```
#ca8f5f rgb(202,143,95)
```
#d38f56
```
#d38f56 rgb(211,143,86)
```
#db8e4e
```
#db8e4e rgb(219,142,78)
```
#e38d46
```
#e38d46 rgb(227,141,70)
```
#eb8c3e
```
#eb8c3e rgb(235,140,62)
```
#f38c36
```
#f38c36 rgb(243,140,54)
```
#fc8b2d
```
#fc8b2d rgb(252,139,45)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99e79 Protanopia 1% of men
#ba9876 Deuteranopia 1% of men
#c1919b Tritanopia 0.001% of the population

Trichromacy

#af9975 Protanomaly 1% of men, 0.01% of women
#ba9573 Deuteranomaly 6% of men, 0.4% of women
#be918b Tritanomaly 0.01% of the population

#ba916f hex color

#ba916f Color Information

#ba916f Color Conversion

Color Schemes with #ba916f

Alternatives to #ba916f

#ba916f Preview

Shades and Tints of #ba916f

Tones of #ba916f

Color Blindness Simulator