#ba975c hex color

In a RGB color space, hex #ba975c is composed of 72.9% red, 59.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 50.5% yellow and 27.1% black. It has a hue angle of 37.7 degrees, a saturation of 40.5% and a lightness of 54.5%. #ba975c color hex could be obtained by blending #ffffb8 with #752f00. Closest websafe color is: #cc9966.

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

● #ba975c color description : Moderate orange.

The hexadecimal color #ba975c has RGB values of R:186, G:151, B:92 and CMYK values of C:0, M:0.19, Y:0.51, K:0.27. Its decimal value is 12228444.

Hex triplet	ba975c	`#ba975c`
RGB Decimal	186, 151, 92	`rgb(186,151,92)`
RGB Percent	72.9, 59.2, 36.1	`rgb(72.9%,59.2%,36.1%)`
CMYK	0, 19, 51, 27
HSL	37.7°, 40.5, 54.5	`hsl(37.7,40.5%,54.5%)`
HSV (or HSB)	37.7°, 50.5, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.44, 5.575, 35.835
XYZ	33.248, 33.346, 14.81
xyY	0.408, 0.41, 33.346
CIE-LCH	64.44, 36.266, 81.157
CIE-LUV	64.44, 27.06, 42.734
Hunter-Lab	57.746, 1.718, 25.217
Binary	10111010, 10010111, 01011100

#ba975c
```
#ba975c rgb(186,151,92)
```
#5c7fba
```
#5c7fba rgb(92,127,186)
```

Complementary Color

#ba685c
```
#ba685c rgb(186,104,92)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#aeba5c
```
#aeba5c rgb(174,186,92)
```

Analogous Color

#685cba
```
#685cba rgb(104,92,186)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#5caeba
```
#5caeba rgb(92,174,186)
```

Split Complementary Color

#975cba
```
#975cba rgb(151,92,186)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#5cba97
```
#5cba97 rgb(92,186,151)
```

Triadic Color

#ba5c7f
```
#ba5c7f rgb(186,92,127)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#5cba97
```
#5cba97 rgb(92,186,151)
```
#5c7fba
```
#5c7fba rgb(92,127,186)
```

Tetradic Color

#8e6f3c
```
#8e6f3c rgb(142,111,60)
```
#9f7d44
```
#9f7d44 rgb(159,125,68)
```
#b18b4b
```
#b18b4b rgb(177,139,75)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#c2a26e
```
#c2a26e rgb(194,162,110)
```
#c9ae80
```
#c9ae80 rgb(201,174,128)
```
#d1b992
```
#d1b992 rgb(209,185,146)
```

Monochromatic Color

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

#ba805c
```
#ba805c rgb(186,128,92)
```
#ba875c
```
#ba875c rgb(186,135,92)
```
#ba8f5c
```
#ba8f5c rgb(186,143,92)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#ba9f5c
```
#ba9f5c rgb(186,159,92)
```
#baa75c
```
#baa75c rgb(186,167,92)
```
#baaf5c
```
#baaf5c rgb(186,175,92)
```

Similar Colors

Text with hexadecimal color #ba975c

This text has a font color of #ba975c.

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

#ba975c background color

This paragraph has a background color of #ba975c.

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

#ba975c border color

This element has a border color of #ba975c.

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

CSS codes

.text {color:#ba975c;}

.background {background-color:#ba975c;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100d07
```
#100d07 rgb(16,13,7)
```
#1e180d
```
#1e180d rgb(30,24,13)
```
#2c2213
```
#2c2213 rgb(44,34,19)
```
#3a2d18
```
#3a2d18 rgb(58,45,24)
```
#47381e
```
#47381e rgb(71,56,30)
```
#554324
```
#554324 rgb(85,67,36)
```
#634e2a
```
#634e2a rgb(99,78,42)
```
#715830
```
#715830 rgb(113,88,48)
```
#7e6336
```
#7e6336 rgb(126,99,54)
```
#8c6e3b
```
#8c6e3b rgb(140,110,59)
```
#9a7941
```
#9a7941 rgb(154,121,65)
```
#a88447
```
#a88447 rgb(168,132,71)
```

Shade Color Variation

#b48e4e
```
#b48e4e rgb(180,142,78)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#c0a06a
```
#c0a06a rgb(192,160,106)
```
#c6a978
```
#c6a978 rgb(198,169,120)
```
#ccb185
```
#ccb185 rgb(204,177,133)
```
#d1ba93
```
#d1ba93 rgb(209,186,147)
```
#d7c3a1
```
#d7c3a1 rgb(215,195,161)
```
#ddccaf
```
#ddccaf rgb(221,204,175)
```
#e3d5bc
```
#e3d5bc rgb(227,213,188)
```
#e9ddca
```
#e9ddca rgb(233,221,202)
```
#efe6d8
```
#efe6d8 rgb(239,230,216)
```
#f4efe6
```
#f4efe6 rgb(244,239,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#8d8c89
```
#8d8c89 rgb(141,140,137)
```
#968e80
```
#968e80 rgb(150,142,128)
```
#9f9077
```
#9f9077 rgb(159,144,119)
```
#a8926e
```
#a8926e rgb(168,146,110)
```
#b19565
```
#b19565 rgb(177,149,101)
```
#ba975c
```
#ba975c rgb(186,151,92)
```
#c39953
```
#c39953 rgb(195,153,83)
```
#cc9c4a
```
#cc9c4a rgb(204,156,74)
```
#d59e41
```
#d59e41 rgb(213,158,65)
```
#dea038
```
#dea038 rgb(222,160,56)
```
#e7a22f
```
#e7a22f rgb(231,162,47)
```
#f0a526
```
#f0a526 rgb(240,165,38)
```
#f8a71e
```
#f8a71e rgb(248,167,30)
```

Tone Color Variation

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

Dichromacy

#afa166 Protanopia 1% of men
#c29a65 Deuteranopia 1% of men
#c3959f Tritanopia 0.001% of the population

Trichromacy

#b39d62 Protanomaly 1% of men, 0.01% of women
#bf9961 Deuteranomaly 6% of men, 0.4% of women
#c09586 Tritanomaly 0.01% of the population

#ba975c hex color

#ba975c Color Information

#ba975c Color Conversion

Color Schemes with #ba975c

Alternatives to #ba975c

#ba975c Preview

Shades and Tints of #ba975c

Tones of #ba975c

Color Blindness Simulator