#ba917d hex color

In a RGB color space, hex #ba917d is composed of 72.9% red, 56.9% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 32.8% yellow and 27.1% black. It has a hue angle of 19.7 degrees, a saturation of 30.7% and a lightness of 61%. #ba917d color hex could be obtained by blending #fffffa with #752300. Closest websafe color is: #cc9966.

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

● #ba917d color description : Slightly desaturated orange.

The hexadecimal color #ba917d has RGB values of R:186, G:145, B:125 and CMYK values of C:0, M:0.22, Y:0.33, K:0.27. Its decimal value is 12226941.

Hex triplet	ba917d	`#ba917d`
RGB Decimal	186, 145, 125	`rgb(186,145,125)`
RGB Percent	72.9, 56.9, 49	`rgb(72.9%,56.9%,49%)`
CMYK	0, 22, 33, 27
HSL	19.7°, 30.7, 61	`hsl(19.7,30.7%,61%)`
HSV (or HSB)	19.7°, 32.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.485, 12.596, 16.539
XYZ	34.077, 32.172, 23.816
xyY	0.378, 0.357, 32.172
CIE-LCH	63.485, 20.79, 52.707
CIE-LUV	63.485, 28.006, 19.811
Hunter-Lab	56.72, 7.98, 14.809
Binary	10111010, 10010001, 01111101

#ba917d
```
#ba917d rgb(186,145,125)
```
#7da6ba
```
#7da6ba rgb(125,166,186)
```

Complementary Color

#ba7d88
```
#ba7d88 rgb(186,125,136)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#bab07d
```
#bab07d rgb(186,176,125)
```

Analogous Color

#7d88ba
```
#7d88ba rgb(125,136,186)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#7dbab0
```
#7dbab0 rgb(125,186,176)
```

Split Complementary Color

#917dba
```
#917dba rgb(145,125,186)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#7dba91
```
#7dba91 rgb(125,186,145)
```

Triadic Color

#ba7da6
```
#ba7da6 rgb(186,125,166)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#7dba91
```
#7dba91 rgb(125,186,145)
```
#7da6ba
```
#7da6ba rgb(125,166,186)
```

Tetradic Color

#996951
```
#996951 rgb(153,105,81)
```
#a8755c
```
#a8755c rgb(168,117,92)
```
#b1836c
```
#b1836c rgb(177,131,108)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#c39f8e
```
#c39f8e rgb(195,159,142)
```
#ccad9e
```
#ccad9e rgb(204,173,158)
```
#d5bbaf
```
#d5bbaf rgb(213,187,175)
```

Monochromatic Color

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

#ba827d
```
#ba827d rgb(186,130,125)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#ba8c7d
```
#ba8c7d rgb(186,140,125)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#ba967d
```
#ba967d rgb(186,150,125)
```
#ba9b7d
```
#ba9b7d rgb(186,155,125)
```
#baa07d
```
#baa07d rgb(186,160,125)
```

Similar Colors

Text with hexadecimal color #ba917d

This text has a font color of #ba917d.

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

#ba917d background color

This paragraph has a background color of #ba917d.

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

#ba917d border color

This element has a border color of #ba917d.

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

CSS codes

.text {color:#ba917d;}

.background {background-color:#ba917d;}

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

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

#0b0706
```
#0b0706 rgb(11,7,6)
```
#18100d
```
#18100d rgb(24,16,13)
```
#251913
```
#251913 rgb(37,25,19)
```
#31221a
```
#31221a rgb(49,34,26)
```
#3e2b21
```
#3e2b21 rgb(62,43,33)
```
#4b3328
```
#4b3328 rgb(75,51,40)
```
#583c2f
```
#583c2f rgb(88,60,47)
```
#654535
```
#654535 rgb(101,69,53)
```
#714e3c
```
#714e3c rgb(113,78,60)
```
#7e5643
```
#7e5643 rgb(126,86,67)
```
#8b5f4a
```
#8b5f4a rgb(139,95,74)
```
#986851
```
#986851 rgb(152,104,81)
```
#a57157
```
#a57157 rgb(165,113,87)
```

Shade Color Variation

#ac7b63
```
#ac7b63 rgb(172,123,99)
```
#b38670
```
#b38670 rgb(179,134,112)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#c19c8a
```
#c19c8a rgb(193,156,138)
```
#c8a797
```
#c8a797 rgb(200,167,151)
```
#ceb2a3
```
#ceb2a3 rgb(206,178,163)
```
#d5bcb0
```
#d5bcb0 rgb(213,188,176)
```
#dcc7bd
```
#dcc7bd rgb(220,199,189)
```
#e3d2ca
```
#e3d2ca rgb(227,210,202)
```
#eaddd7
```
#eaddd7 rgb(234,221,215)
```
#f0e8e4
```
#f0e8e4 rgb(240,232,228)
```
#f7f3f0
```
#f7f3f0 rgb(247,243,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a39994
```
#a39994 rgb(163,153,148)
```
#ab968c
```
#ab968c rgb(171,150,140)
```
#b29485
```
#b29485 rgb(178,148,133)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#c28e75
```
#c28e75 rgb(194,142,117)
```
#c98c6e
```
#c98c6e rgb(201,140,110)
```
#d18966
```
#d18966 rgb(209,137,102)
```
#d9865e
```
#d9865e rgb(217,134,94)
```
#e08457
```
#e08457 rgb(224,132,87)
```
#e8814f
```
#e8814f rgb(232,129,79)
```
#f07f47
```
#f07f47 rgb(240,127,71)
```
#f77c40
```
#f77c40 rgb(247,124,64)
```
#ff7938
```
#ff7938 rgb(255,121,56)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79e87 Protanopia 1% of men
#b79983 Deuteranopia 1% of men
#c0929d Tritanopia 0.001% of the population

Trichromacy

#ae9983 Protanomaly 1% of men, 0.01% of women
#b89680 Deuteranomaly 6% of men, 0.4% of women
#be9291 Tritanomaly 0.01% of the population

#ba917d hex color

#ba917d Color Information

#ba917d Color Conversion

Color Schemes with #ba917d

Alternatives to #ba917d

#ba917d Preview

Shades and Tints of #ba917d

Tones of #ba917d

Color Blindness Simulator